가능한 중복 :
스크롤하는 동안, 스크롤바를 숨길 수 있는지 알고 싶어
How to disable browser or element scrollbar, but allow scrolling with wheel or arrow keys?숨기기 스크롤 마우스/키보드로 스크롤 할 수 여전히 동안
여전히 활성화입니다 마우스/키보드.
CSS를 사용해 보았습니다. overflow : hidden; 효과는 스크롤바가 비활성화되고 스크롤이 비활성화됩니다.
가능한 중복 :
스크롤하는 동안, 스크롤바를 숨길 수 있는지 알고 싶어
How to disable browser or element scrollbar, but allow scrolling with wheel or arrow keys?숨기기 스크롤 마우스/키보드로 스크롤 할 수 여전히 동안
여전히 활성화입니다 마우스/키보드.
CSS를 사용해 보았습니다. overflow : hidden; 효과는 스크롤바가 비활성화되고 스크롤이 비활성화됩니다.
나중에 참조 또한 jQuery를하지 않고 해결책이 - 단지 overflow:hidden
를 포함하는 래퍼 DIV 스타일을 가지고 있고,이 자바 스크립트를 두 라이너 사용
// get the width of the textarea minus scrollbar
var textareaWidth = document.getElementById("textarea").scrollWidth;
// width of our wrapper equals width of the inner part of the textarea
document.getElementById("wrapper").style.width = textareaWidth + "px";
업데이트 : 동일한 원칙을 사용하여 스크롤 막대없이 스크롤 가능한 div를 만들 수 있습니다 : demo.
네이티브는 아니지만 Javascript를 사용하여 특정 키 입력을 캡처하고 CSS와 함께 컨테이너 요소의 위치를 다시 지정하여 자체 스크롤 메커니즘을 구현할 수 있다고 가정합니다. 그것은 추한 될 것입니다, 그래도!
희망하는 것을 수행하는 Scrollable이라는 jQuery 플러그인이 있습니다.
멋진데, 브라우저와 모바일 호환성은 어떻게됩니까? –
@cocoacoder 궁금한 점이 있으시면 다른 브라우저와 모바일에서 항상 사용해보십시오 ... iOS와 IE9에서 테스트 해 보았지만 정상적으로 작동합니다. 이 접근법에 대해 너무 해킹 된 것이 없으므로 상호 호환이 가능해야합니다. 플랫폼이 scrollWidth 속성을 지원하는 한 제대로 작동합니다. – Gavin
전 세계의 모든 브라우저가이를 지원합니다 : http://www.w3schools.com/jsref/prop_element_scrollwidth.asp –