所以当我的灯箱打开时,我正试图在我的页面上禁用滚动,我发现这非常有用的脚本就是这样做的.(http://jsfiddle.net/mrtsherman/eXQf3/3/),不幸的是,当我在自己的页面上使用它时,它也禁止在我的灯箱中滚动.我开始使用警报调试代码,但发现event.wheelDelta在我的页面上返回"undefined",而在JSFiddle中,它返回-120.
我做了搜索,有一些类似的帖子,但我似乎无法让它工作.我知道这是陈词滥调,但我对JQuery和JQuery UI很新,因为我的核心技能是PHP,所以任何帮助都非常感谢.下面是我对JQuery垂直滑块的代码.
$("#VerticalScrollBar").slider({
orientation: "vertical",
change: VerticalHandleChange,
slide: VerticalHandleSlide,
min: -100,
max: 0
});
Run Code Online (Sandbox Code Playgroud)
和功能
function VerticalHandleChange(e, ui) {
var maxScroll = $(".VerticalScroll").attr("scrollHeight") - $(".VerticalScroll").height();
$(".VerticalScroll").animate({
scrollTop: -ui.value * (maxScroll / 100)
}, 1000);
function VerticalHandleSlide(e, ui) {
var maxScroll = $(".VerticalScroll").attr("scrollHeight") - $(".VerticalScroll").height();
$(".VerticalScroll").attr({
scrollTop: -ui.value * (maxScroll / 100)
});
Run Code Online (Sandbox Code Playgroud)
垂直滑块工作正常,但现在我需要集成鼠标滚轮支持.我已经下载了Brandon Aaron的鼠标滚轮插件(jquery-mousewheel版本3.0.4),但我不知道如何将它与上面的代码一起使用.有人可以帮我这个吗?再次感谢.