Login
网站首页 > 文章中心 > 其它

jquery移动横向滚动条_jquery获取滚动条高度

作者:小编 更新时间:2023-09-10 18:21:01 浏览量:428人看过

前置条件:

实现滚动条滚动到指定芦闭位置有两种情况:无效果则雹 和 有动画效果

jquery移动横向滚动条_jquery获取滚动条高度-图1

(1)无效果--直接使用scrollTop方法//100为高度,单位px

当调整浏览迹宴器窗口的大小时,会触发jquery的resize()

事件握州灶段扮......

$(window).resize(function()

{

});

ul绑定mousewheel鼠标滚动事件(火狐用DOMMouseScroll)

取消默认动作,event.preventDefault()(IE:window.event.returnValue=false),这样滚轮滚动后就不会滚动页面了.

根据滚轮滚动的方向对ul内容进行镇笑控制,获取滚轮方向用event.wheelDelta,大于猜旅闭0为向上滚,小穗裂于0向下滚(火狐event.detail,方向刚好相反,大于0向下),再更改ul的scrollLeft值即可以模拟滚轮滚动效果了.

没用插件

你看下CSS有没有冲突,还有就是 是不是引入多个jQuery库,如果是可以用下多库共存方式去解决

以上就是土嘎嘎小编大虾米为大家整理的相关主题介绍,如果您觉得小编更新的文章只要能对粉丝们有用,就是我们最大的鼓励和动力,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章