JavaScript-控制浏览器的滚动条

JavaScript-控制浏览器的滚动条

偏爱自由 发布于 2017-07-22 字数 481 浏览 1202 回复 2

页面上有一个flash做的视频播放器,左边是视频,右边是一个用户列表,用户列表有一个滚动条,我要做的是当鼠标悬停在用户列表上时鼠标滚动只滚动列表的滚动条,浏览器的滚动条不动,可是现在我鼠标一滚动页面大幅度滚动,列表只是小幅度滚动,怎样才能做到我偶的效果,有什么思路?
截个图 只是一部分,这整个是SWF文件,当鼠标悬浮于右边的用户列表时滚动鼠标只有用户列表滚动,浏览器的滚动条不滚动

请输入图片描述

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

偏爱自由 2017-10-17 2 楼

我们用的一个js组件,能满足你的需求。

这是jScrollPane

夜无邪 2017-09-22 1 楼

在AS里加入方法,调用JS去禁止页面滚动,以下代码兼容IE和FireFox

public static function set mouseWheelEnabled(value:Boolean):void {
if (!ExternalInterface.available)
{
return;
}
_mouseWheelEnabled = value;
if(!_mouseWheelEnabled) {
ExternalInterface.call("eval", "var _onFlashMousewheel = function(e){e = e || event;e.preventDefault && e.preventDefault();e.stopPropagation && e.stopPropagation();return e.returnValue = false;};if(navigator.appName.indexOf("Microsoft") == -1){var type = (document.getBoxObjectFor=='undefined'?'mousewheel':'DOMMouseScroll');window.addEventListener(type, _onFlashMousewheel, false);}else{document.onmousewheel = _onFlashMousewheel;}");
}else {
ExternalInterface.call("eval","if(navigator.appName.indexOf("Microsoft") == -1){var type = (document.getBoxObjectFor=='undefined'?'mousewheel':'DOMMouseScroll');window.removeEventListener(type, _onFlashMousewheel, false);}else{document.onmousewheel = null;}");
}
}