웹킷이 아닌 경우 스크롤 패널 적용

Question

웹킷 용 스크롤 막대 CSS로 스타일을 지정했습니다. 지금은 일반 CSS가있는 웹킷에서만 가능합니다. 나머지는 jquery 플러그인 만 사용할 수있는 것 같습니다.이 경우 jscrollpane을 사용하고 싶습니다. 나는 다음과 같은 tutorial 확인하고 모든 제외하고 작동 : 더 이상 지원되지 않습니다 JQuery와 1.9 $.browser에서 것 같다

$(document).ready(function() { 
      if (!$.browser.webkit) { 
       $('.container').jScrollPane(); 
      } 
     }); 

. 실제로 jquery 1.10.2를 사용하고 있습니다. 내가 확인한 그들은 Modernizr에서 기능 탐지를 사용하는 것이 좋습니다. 나는 현대인이 있지만 기사를 읽었지만 아직도해야 할 일을 이해하지 못합니다. 따라서 내가 만들고자하는 효과는 jscrollpane이 브라우저가 webkit을 사용하지 않는 경우에만 적용된다는 것입니다. 누군가가 이걸 도와 줄 수 있니?

Answer 1

단지 Modernizr.cssscrollbar 속성을 확인하십시오. 다음

Modernizr.addTest("cssscrollbar",function(){var a,b="#modernizr{overflow: scroll; width: 40px }#"+Modernizr._prefixes.join("scrollbar{width:0px} #modernizr::").split("#").slice(1).join("#")+"scrollbar{width:0px}";return Modernizr.testStyles(b,function(b){a="scrollWidth"in b&&b.scrollWidth==40}),a}) 

당신이 그것을

if (!Modernizr.cssscrollbar) { 
    //activate plugin 
}