所以我试图获得一个类似网站画廊的文章,我的文章遍布整个页面,我的想法是,当我从用户那里获得操作时,网站会跳转到下一篇文章。到目前为止,我已经做了很多工作,这几天我落后于 javascript,我正在使用 jquery,代码是这样的
$('body').ready(function () {
var tpScroll = 0;
var SelArticles = $('#content').find('.bgjs');
var NumArticles = SelArticles.length;
window.location.hash = SelArticles.first().attr('id');
$(window).bind('mousewheel', function (event, delta, deltaX, deltaY) {
event.preventDefault();
console.log(delta, deltaX, deltaY);
console.log(tpScroll);
if (delta < 0) {
if (tpScroll >= (NumArticles - 1)) {
tpScroll = 0;
} else {
tpScroll = tpScroll + 1;
}
var pgid = SelArticles.eq(tpScroll).attr('id');
window.location.hash = pgid;
} else {
if (tpScroll <= 0) {
tpScroll = (NumArticles - 1);
} else {
tpScroll = tpScroll - 1;
}
var pgid = SelArticles.eq(tpScroll).attr('id');
window.location.hash = pgid;
}
});
});
我设法处理了鼠标滚轮事件以进行哈希更改,但我想防止默认滚动到内容添加流畅的动画。如您所见,我不是javascript(也不是jquery)中的怪物,但它确实有效,我什至不知道是否有可能阻止这种行为,或者解决它......有什么建议吗?