Jquery控制滚动Div 滚动条事件

$('#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控制滚动Div 滚动条事件相关推荐

html监听页面滚动高度,jquery如何监听滚动条事件？
jquery如何监听滚动条事件?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 问题: 在浏览很多网页中都会发现,当滚动条滚动到一定的位置的时候就出显示一 ...
html页面滚动条监听事件,jquery如何监听滚动条事件？
jquery如何监听滚动条事件?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 问题: 在浏览很多网页中都会发现,当滚动条滚动到一定的位置的时候就出显示一 ...
angular div 滚动条事件_angular怎么控制滚动条
angular中可通过ion-content指令来控制滚动条,ionContent指令提供一个易用的内容区域,该区域可以用Ionic的自定义滚动视图进行配置,或浏览器内置的溢出滚动. 内容组件提供了一 ...
angular div 滚动条事件_DOM事件
事件是在编程时系统内发生的动作或发生的事情(单击.鼠标移动.滚动页面等).HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应.JS与HTML之间的交互是通过事件实现的,DOM ...
jQuery控制表格垂直滚动条
表格table水平自适应,可以设置宽度100% 表格table垂直自适应,需要设置表格的高度,根据高度,表格的垂直滚动条会自动的显示和隐藏垂直滚动条,需要设置指定的高度,当table的高度超过这个高 ...
js滚动div滚动条到底部
self.toastContainerElement.scrollTop = self.toastContainerElement.scrollHeight;
Jquery控制div滚动，但不显示滚动条
Jquery控制div滚动,但不显示滚动条 Html代码: <div class="dv_phone_pic"> <div class="prew_bo ...
vue 监听某div滚动条的滚动事件
监听此div , 定义ref <div class="productSec" ref="rightContent" @mousewheel="s ...
vue 移动端监听div滚动条的滚动事件
第一步:监听div,定义ref <div class="accpdfbox" ref="rightContent" @scroll="scroo ...

Jquery控制滚动Div 滚动条事件

Jquery控制滚动Div 滚动条事件相关推荐

最新文章

热门文章