js或者jQ处理页面滚动的办法都有什么啊,鼠标滚轮以及拖动滚动条等

发布网友发布时间：2022-04-26 15:09

共1个回答

热心网友时间：2022-04-20 12:08

1.滚动条：

JS：onScroll;

JQ：scroll(function);

滚动条，快速回到顶部代码：

$(function() {
      var scrollDiv = document.createElement('div');
      $(scrollDiv).attr('id', 'toTop').html('返回顶部').appendTo('body');
      $(window).scroll(function() {
             if ($(this).scrollTop() != 0) {
                 $('#toTop').fadeIn();
             } else {
                 $('#toTop').fadeOut();
             }
      });
     $('#toTop').click(function() {
           $('body,html').animate({ scrollTop: 0 }, 800);
     })
});

为了看见，给div加上一个css样式（背景，边框）就可以了。background: #121212;

2.滚轮：

JS：onMouseWheel

JQ：找插件，网上可以搜到。

滚轮代码根据需要自己写，没什么好的例子，注意JS原声的滚轮滚动一圈在不同浏览器的兼容性写法就好。

楼主可以看看下面的：

http://www.w3cschool.cc/jsref/event-onscroll.html

http://www.w3school.com.cn/jquery/event_scroll.asp

http://liuna718-163-com.iteye.com/blog/1796887

全部频道

js或者jQ处理页面滚动的办法都有什么啊,鼠标滚轮以及拖动滚动条等