$('#classifyTree') .bind('mousewheel', function(event) { var realScrollHeight=event.currentTarget.clientHeight+event.currentTarget.scrollTop; //如果向下滚动大于最终滚动高度后 if(realScrollHeight >=event.currentTarget.scrollHeight){ if(event.originalEvent.wheelDelta>0){ //向上滚动 return true; } return false; }else{ //如果滚动条最终距离为0,不允许再向上滚动 if(event.currentTarget.clientHeight==realScrollHeight){ //如果滚动条小于最终高度 if(event.originalEvent.wheelDelta<0){ //向下滚动 return true; } return false; } } return true; });
最近项目中出现一个页面中有多个Div滚动,这样用户体验是非常不爽的,主要原因在于如果用滚轮滚动滚动条到最顶部或最底部,他外层的滚动条也会跟着滚动,这样会让人眩晕,,出于这个问题,写了一个指定区域内滚动限制方法,如下:
相关推荐
jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jsDIV滚动条jsDIV滚动条jsDIV滚动条
jQuery实现将div的滚动条滚动到指定位置 jQuery实现将div的滚动条滚动到指定位置
jquery监听DIV的事件,可监听DIV的变化的事件,直接引用即可使用
此代码插件可控制DIV框框与顶部的距离,当页面下拉的时候,适中保持在一定的高度,随着页面滚动。 此效果中有三个案例,右侧依次是使用方法,简单方便
可以自己定义滚动条,根据div内容自己调节产生横向和竖向滚动条。滚动条所有元素都可以自己定义样式,包括颜色或者图片。
滚动条滚动 div跟着动 并且div不闪烁
用jquery改变DIV的滚动条的样式,可以改变滚动滑块的图片,上下按钮的图片
sly jquery定制div滚动条Scrollbar 兼容IE6 FireFox Safari
NULL 博文链接:https://zhanglun1225.iteye.com/blog/1147522
主要介绍了jQuery控制div实现随滚动条滚动效果,对比分析了两种实现方法供大家参考选择,需要的朋友可以参考下
/*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/ /*调用: 1 无参数调用:默认浮动在右下角 $("#id").floatdiv(); 2 内置固定位置浮动 //右下角 $("#id")....
div随滚动条上下滚动,div随滚动条上下滚动div随滚动条上下滚动div随滚动条上下滚动
Jquery实现简单的滚动刷新效果: 实际情况使用Ajax获取后台数据更新前端页面即可实现页面滚动刷新效果 HTML正文: <form id="form1" runat="server"> <div xss=removed> </div> </form> Javascript...
Div滚动条随鼠标滚动Jquery版(转)Div滚动条随鼠标滚动Jquery版(转)
一款简单实用的jQuery+mousescroll.js自定义美化div滚动条插件,把普通的网页滚动条进行美化,同一页面也可以多次调用。
本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。分享给大家供大家参考,具体如下: 一、Js代码: onload = function () { //初始化 scrollToLocation(); }; function scrollToLocation() { var ...
网页局部div随滚动条置顶滚动 效果很好,跟普通的滚动不太一样,没有延迟。
NULL 博文链接:https://solodu.iteye.com/blog/574857
今天我们要来分享一款很不错的jQuery插件,这款jQuery应用插件主要实现自定义的滚动条,并且利用CSS美化这些自定义的滚动条。这款jQuery自定义滚动条的功能和原始的差不多,遗憾的是,这款自定义滚动条不支持鼠标...
Div滚动条随鼠标滚动js版(由网友JQuery版改写而成),可解决IE8下,Div由于“onSelectStart=return false“或onfocus()导致的失去焦点后,滚动条无法滚动问题