1

所以我试图获得一个类似网站画廊的文章,我的文章遍布整个页面,我的想法是,当我从用户那里获得操作时,网站会跳转到下一篇文章。到目前为止,我已经做了很多工作,这几天我落后于 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)中的怪物,但它确实有效,我什至不知道是否有可能阻止这种行为,或者解决它......有什么建议吗?

4

1 回答 1

0

我只是完全改变了方法,我使用 wiselinks 来处理历史 API,结果证明是一个不错的选择

于 2013-12-09T17:23:30.927 回答