이번에는 vue.js-div에서 스크롤바를 숨기는 방법을 알려드리겠습니다. vue.js-div에서 스크롤바를 숨기는 주의사항은 무엇인가요? 실제 사례를 살펴보겠습니다.
컴포넌트는 고정 높이 p로 래핑되어 있습니다.
mounted () { var bop = document.getElementById(this.id); if(bop == undefined){ return; } var isFirefox=navigator.userAgent.indexOf("Firefox") if(isFirefox>0){ bop.addEventListener('DOMMouseScroll', function(event) { //火狐 var evt = window.event || arguments[0] if (evt.detail <= -3) { bop.scrollTop=bop.scrollTop-10 } else if (evt.detail >= 3) { bop.scrollTop=bop.scrollTop+10 } evt.stopPropagation(); evt.preventDefault(); }, false); }else{ bop.addEventListener("mousewheel",function(event) { var evt = window.event || arguments[0] evt.returnValue = false //屏蔽body滚动事件 if (evt.wheelDelta <= -120) { bop.scrollTop=bop.scrollTop+40 } else if (evt.wheelDelta >= 120) { bop.scrollTop=bop.scrollTop-40 } }) } } }
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어의 다른 관련 기사에 주목하세요. 웹사이트!
추천 자료:
위 내용은 vue.js-div에서 스크롤 막대를 숨기는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!