scrollHelper
7337 단어 scroll
1 (function ($) {
2 var mouseScroll = function (e) {
3 try {
4 var origEvent = e.originalEvent;
5 origEvent.preventDefault();
6 } catch (err) {
7 }
8 };
9 var mouseWheel = function (e) {
10 try {
11 e = e || window.event;
12 e.preventDefault();
13 e.returnValue = false;
14 } catch (err) {
15 }
16 };
17 $.fn.preventOuterScroll = function () {
18 var element = this.get(0);
19 if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1) {
20 this.on("DOMMouseScroll", function (e) {
21 var origEvent = e.originalEvent;
22 element.scrollTop += origEvent.detail > 0 ? 60 : -60;
23 origEvent.preventDefault();
24 });
25 } else {
26 element.onmousewheel = function (e) {
27 e = e || window.event;
28 element.scrollTop += e.wheelDelta > 0 ? -60 : 60;
29 e.preventDefault();
30 e.returnValue = false;
31 };
32 }
33 return this;
34 };
35 $.fn.preventScroll = function () {
36 var element = this.get(0);
37 if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1) {
38 this.on("DOMMouseScroll", mouseScroll);
39 } else {
40 $(element).on("mousewheel", mouseWheel);
41 }
42 return this;
43 };
44 $.fn.liveScroll = function() {
45 var element = this.get(0);
46 if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1) {
47 this.off("DOMMouseScroll", mouseScroll);
48 } else {
49 $(element).off("mousewheel", mouseWheel);
50 }
51 return this;
52 };
53 }($));
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
React 및 Sass를 사용한 스마트 Navbar고정식 또는 고정식 내비게이션 바는 사용자가 웹 애플리케이션이나 웹 사이트를 탐색하기 위해 접근하기 쉬운 액세스를 제공하기 때문에 널리 사용되는 디자인 선택입니다. 그러나 특히 작은 화면에서는 공간을 차지하며 보기 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.