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

求滚轮及拖滚动条这两种的实例代码就是监听页面滚动事件... 求滚轮及拖滚动条这两种的实例代码
就是监听页面滚动事件
展开
 我来答
沽名晓飞
推荐于2017-10-06 · TA获得超过1507个赞
知道小有建树答主
回答量:100
采纳率:100%
帮助的人:89.8万
展开全部

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

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式