我在使用jquery.mousewheel触发滚动事件时遇到了一些麻烦.我想“扩展”#bio-content-container的滚动事件,以便在滚动#bio-slider-container时触发.
我正在使用以下代码:
var lastScrollTop = 0;
$("#bio-content-container").scroll(function () {
var st = $(this).scrollTop();
if (st > lastScrollTop){
scroll('Down');
} else {
scroll('Up');
}
lastScrollTop = st;
});
jQuery(function($) {
$('#bio-slider-container')
.bind('mousewheel', function(event, delta) {
$("#bio-content-container").trigger('scroll');
return false;
});
});
我不想在#bio-slider-container上触发滚动,这就是我使用鼠标滚轮的原因.任何帮助将非常感激 :)
解决方法:
如果我理解正确,当您在#bio-slider-container上使用鼠标滚轮时,您想要滚动#bio-content-container的内容.您可能想查看jquery.scrollTo插件.此代码适用于我(没有看到您的HTML):
$(document).ready(function () {
$('#bio-slider-container').bind('mousewheel', function (event, delta) {
var content = $("#bio-content-container");
if (delta < 0) {
content.scrollTo("+=10");
} else {
content.scrollTo("-=10");
}
});
});