javascript - onclick 滑动向下翻页不起作用

Question

<分区>

Answer 1

问题出在你在 anchors.navigation.js 中的函数

function setImmediateAnchor(anchorObject, time) {
    scrollFlag = 1;
    if (currentAnchor) {  -- THIS LINE
        $('html,body').stop().animate({
            'scrollTop': contentTop[anchorObject.attr('href')].top
        }, time, function() {
            $(scrollLinkSelector).parent().removeClass('active');
            anchorObject.parent().addClass('active');
            window.location.hash = '#/' + anchorObject.attr('href').substr(1);
            currentAnchor = anchorObject.attr('href');
            scrollFlag = 0;
        });
    }
}

条件 if (currentAnchor) 失败，因为 currentAnchor 为空。您已将其设置为 currentAnchor = window.location.hash.replace('/', '') 当您的页面加载时这将是空的，因为您在 http://www.homepreneurawards.com 之后的 url 中没有任何内容|

有 2 个您认为可行的解决方案。

1. 在您的初始化代码下方添加一个条件，以检查 currentAnchor 是否为空，然后将其设置为某个值，例如“#initialized”，如下所示。

       var contentTop = {},
       contentOffset = 87,
       currentAnchor = window.location.hash.replace('/', ''),
       scrollFlag = 0,
       scrollLinkSelector = '.anchor-scroll';
   
       -- add this condition.
       if(currentAnchor =='')
       {
        currentAnchor = '#initialized';
       }
   

2. 您可以简单地检查函数 setImmediateAnchor 中的空值，如下面第 3 行所示，并处理空值。

      function setImmediateAnchor(anchorObject, time) {
       scrollFlag = 1;
       if (currentAnchor == '' || currentAnchor) {  -- THIS LINE
           $('html,body').stop().animate({
               'scrollTop': contentTop[anchorObject.attr('href')].top
           }, time, function() {
               $(scrollLinkSelector).parent().removeClass('active');
               anchorObject.parent().addClass('active');
               window.location.hash = '#/' + anchorObject.attr('href').substr(1);
               currentAnchor = anchorObject.attr('href');
               scrollFlag = 0;
           });
       }
   }
   

或者你可以使用任何其他可行的方式，核心问题在于不允许你滚动的情况，因为你的变量是空的。您可以采用您认为可行的任何一种方式进行修复。