2010-12-13 3 views
3

줄 높이 CSS 속성과 관련 있다고 생각했지만 작동하지 않습니다. 위/아래 스크롤 버튼을 클릭 할 때 스크롤 량을 조정하는 방법은 무엇입니까?스크롤바 버튼을 클릭했을 때 Firefox에서 스크롤 증가를 제어하는 ​​방법은 무엇입니까?

+0

나는 파이어 폭스에서 라인 스크롤 양이 CSS 글꼴에서 것을 가지고있다 재산. – ithinc

+0

넘치는 영역을 스크롤하는 경우에 적합합니다. – Neil

+0

IIRC, 이것은 OS 수준 설정입니다. 나는 그걸로 장난하지 않는 것이 좋습니다. – drudge

답변

0

내가 아는 한, 이것은 통제 할 수있는 것이 아닙니다. 그러나 Javascript onScroll 이벤트를 수신 한 다음 Javascript scrollBy 메서드를 사용하여 원하는 내용에 따라 페이지를 스크롤 할 수 있습니다. 나는 이것이 어떻게 보일지 확신하지 않는다. 사물이 약간 엉망이고 사용자에게 혼란 스러울 수있다. 또한 사용자가 페이지를 확대 또는 축소했는지 여부도 고려해야합니다.

+0

마우스 휠을 사용하여 스크롤하는 사용자 또는 스크롤 막대를 드래그하여 사용자를 고려해야합니다. 사용자가 페이지를 스크롤하는 방법을 결정할 방법이 없습니다. – thesonglessbird

+0

도움이되는 답변에 감사드립니다. 나는 콘텐츠를 위해 이것을 사용하지 않고 UI를 위해 사용한다. 스크롤바에 "증가"속성이 있다고 MDC에서 알았지 만 요소의 스크롤 막대에 액세스하는 방법을 모르겠습니다. 스크롤바는 DOM 트리에없는 것 같습니다. 이상한! – ithinc

0

트리와 같이 이미 스크롤을 지원하는 객체가 아닌 임의의 영역을 스크롤한다고 가정하면 overflow : hidden을 설정하고 명시 적 스크롤 막대 요소를 사용할 수 있습니다. 불행히도 curpos 속성을 보지 않고 스크롤 막대 요소와의 사용자 상호 작용을 스크립트가 쉽게 감지 할 수있는 방법은 없습니다.

당신은 통제 할 수없는
0

, 직접, 파이어 폭스의 스크롤 증가 스크롤 버튼을 클릭하지만이 코드를 사용할 수있는 경우는 :

//element may be window or a HTML element 
    //amount of incrementation should be an integer representing the number of pixels to be scrolled 
    //works in all last versions of major browsers 

    element.addEventListener(/firefox/i.test(navigator.userAgent) ? 'DOMMouseScroll' : 'mousewheel', function (event) { 
    element.scrollTop -= (event.detail ? (event.detail % 2 ? event.detail/-3 : event.detail/-2) : event.wheelDelta/120) * amount; 
event.preventDefault(); 
    } 
관련 문제