모바일 웹킷 스크롤 막대

나는 현재 테이블을 둘러싼 사업부에 오버 플로우 스타일을 시도하고, 나는이모바일 웹킷 스크롤 막대

.overflow::-webkit-scrollbar { 
     width:30px; 
     } 
    .overflow::-webkit-scrollbar-track { 
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
     -webkit-border-radius: 15px; 
     border-radius: 15px; 
    } 
    .overflow::-webkit-scrollbar-thumb { 
     -webkit-border-radius: 15px; 
     border-radius: 15px; 
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
     background:#f00; 
    }

이 데스크톱 브라우저에서 잘 작동하지만 안 할 웹킷 특정 스타일을 사용하고 있습니다 모바일 기기에서 작동합니다.

모바일 브라우저가이 작업을 지원하지 않는다는 문제가 있습니까? 가까운 시일 내에 지원 될 예정입니까?

몇 가지 자바 기반 솔루션을 보았습니다. 그러나이 모든 것이 웹킷 기반 브라우저의 스크롤바 스타일을 너무 크게 부 풀리게합니다.

출처

2012-08-06 JohnC

을 iscoll 사용할 수 있습니다, 나는 당신이 이제까지 수있을 것입니다 의심, 죄송합니다.

나는 모든 권한을 가지고 왜 그런지 말할 수는 없지만 모든 전화기와 OS는 다른 브라우저를 사용하며 각각은 스크롤바의 자체 구현을 갖습니다. 어쨌든 iOS의 페이드 스크롤바 접근 방식이 너무 많아서 어쨌든 스타일을 많이 지정하지 않습니다.

이렇게하면 실제로 사용자 지정 솔루션을 사용하는 데 한계가 있습니다.

출처

2012-08-06 09:02:12 will

-1

모바일 사파리가 DIV 스크롤을 지원하지 않습니다, 당신은 당신이 모바일 네이티브 스크롤 스타일을 할 수없는 프레임 워크

출처

2012-08-06 09:01:44 mier

예. 오버플로 : 스크롤; – will

사용자 정의 스크롤 막대를 사용해야한다고 생각합니다. 사용자 정의 스크롤 막대의 경우 jquery 스크롤 막대 "jscrollPane"을 사용합니다. 가 ScrollPanel.js이 jquery.mousewheel.js는, jquery.jscrollpane.min.js가, 자세한 내용은 jquery.jscrollpane.js, jquery.jscrollpane.css

가 따라이 링크 : http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

을 이러한 파일을 다운로드해야합니다

출처

2012-08-06 12:05:28

모바일 웹킷 스크롤 막대

답변

관련 문제