2013-04-15 1 views
-2

나는이 질문에 대한 짧은 대답이 아니오라고 걱정하고 있습니다.스크롤 표시기없이 터치 스크롤. 가능한?

하지만이 운명을 받아들이 기 전에 나는 마지막 도랑 노력을 시도 할 것입니다.

유용성 문제는 제쳐두고, 스크롤 할 때 스크롤 표시기가 보이지 않는 곳에서 웹킷 모바일 용 div 오버플로를 수행 할 수있는 방법이 있습니까?

평범한 JS로 사용자 정의 스크롤러를 만드는 것을 피하기를 정말로 바랍니다. 사과가 표시기를 항상 보이도록 강요했기 때문입니다.

모든 포인터가 많이 감사하겠습니다. 나는 주위를 둘러 보았지만 아무런 도움이되지 못했습니다.

알림 : 스크롤 바 사용자 정의에 대해 묻지 않습니다! touchmove 동안 표시되는 표시기에 대해 묻습니다.

답변

0

이 코드를 사용할 수 있다고 생각합니다. 하지만이 기능은 Chrome과 Safari에서만 작동합니다.

#element::-webkit-scrollbar { display: none; }

+0

한숨. 왜 사람들은 대답하기 전에 질문을 읽지 않습니까? -1 – tim

-1

기술적으로는 다음과 같은 CSS를 사용하여 크롬과 사파리에서이 작업을 수행 할 수 있습니다 :

body::-webkit-scrollbar { display: none; } 

그러나, 다른 모든 브라우저에서 자바 스크립트가 필요합니다. 로하여야 할 기본 알고리즘은 다음과 같습니다

HTML

<div id="container"> 
    <div id="content">Hello, here's lots of text...</div> 
</div> 

CSS

#container { 
    overflow: hidden; 
    width: 100%; 
    height: 100%; 
    position: relative; 
} 

#content { 
    position: absolute; 
    left: 0px; 
    top: 0px; 
} 

JAVASCRIPT (의사 코드)

When clicking on #content, check for drag 
If dragging then measure amount and invert amount 
Set that amount to top position of #content 
+0

-1 질문을 읽고 있지 않습니다. 나는 스크롤바에 대해 묻지 않는다 (!). – tim

+0

그렇다면, 당신이 말하는 것을 할 방법이 없습니다. StackOverflow에 도움을 청하면 너무 무례하지 마십시오. 진심으로 당신을 도우려고했던 두 명의 의미있는 사람들을 당신이 싫어했습니다. 다음 번에이 문제를 해결해보십시오. 적극적으로 적극적으로 ** 당신을 위해 코드를 작성한 ** 열렬한 자원 봉사자 **의 커뮤니티에 불을 지피십시오. – cereallarceny

-1

확장 된 연구 후에 내 자신의 질문에 답하는 전통을 유지하면서 -webkit-overflow-scrolling:true CSS 속성을 제거해야 표시기를 숨길 수 있습니다.

이것은 유감스럽게도 유창한 스크롤 - 탄력성 기능을 제거합니다. 유감스럽게도 유장이 위의 CSS를 사용하려고합니다.