2011-11-23 7 views
1

스크롤 바를 숨기는 방법을 알고 있습니다. 그러나 스크롤 막대가없는 , 나는 스크롤 할 것이 무엇이든 스크롤하고자합니다.
이것은 내가 한 일로, 처음에는 숨기고 마우스를 움직이면 세로 스크롤 막대가 표시됩니다.CSS : 스크롤바 숨기기.

div#LogoStrip{ 
    height:600px; 
    overflow:hidden; 
} 

div#LogoStrip:hover{ 
    overflow-y:scroll; 
    overflow-x:hidden; 
} 

가져가에

그러나 , 내가 텍스트를 스크롤하고 싶은 여전히 ​​스크롤 막대를보고 싶어하지 않지만 /휠 또는 두 개의 작은 버튼을 사용하여,이 존재하는 이미지, 상단에 1 개, 하단에 1 개. 당신은 자바 스크립트/jQuery를 함께

div#LogoStrip{ 
     height:600px; 
     overflow:hidden; 
    } 

+ javascript

을 도와 드릴까요?

+0

플러그인이 없습니다. 내가 자신을 만들 수 있도록 몇 가지 참조. –

+0

나는 그것을 볼 수있는 한 스스로하는 것이 꽤 고통 스러울 것이다. jScrollPane는 스크롤 바를 모두 없애고 스크롤 휠을 캡처하여 처리합니다. – Godwin

+0

고통 없음, 이득 없음. 아멘! 그러나 진지하게, 나는 실제로 하드 코어 자바 스크립트를 배우고 싶다. 언어 그 자체가 아니라, '학습하는 법'을 배우는 것이다. jQuery가 JS보다 효율적이라는 사실을 완전히 알고 있습니다. –

답변

0

이 코드를 직접 코딩하려면 (그리고 다시주의해야합니다.) jScrollPane 코드를 살펴볼 수 있습니다. 기본 아이디어는 div 안에 div가 있고, 하나는 오프셋으로 설정할 때 div의 내용을 숨길 것이라는 것입니다. 스크롤 휠 이벤트를 캡처하고 오프셋을 변경해야합니다.

+0

스크롤 휠 캡처에 대해 생각해 본 적이 없습니다. 그것은 그때의 시작입니다. 다른 이유로 라이센스를 다시보고 싶지는 않습니다. 나는 한때 다양한 오픈 소스 라이선스에 대한 작은 시험을 치렀고, 나에게 큰 고통을 줬다. 어쨌든, 그것을 들여다 볼 것입니다. 추천 할만한 자료. –

1

jScrollPane 또는 다른 유사한 플러그인을 사용하여 jQuery를 사용하여 사용자 정의 스크롤 막대를 구현할 수 있습니다.