确保单击加载更多不会导致用户滚动到顶部

Question

我在 Drupal 站点中加载更多内容时遇到问题。示例链接：https://www.nova969.com.au/tag/news

如果用户在该页面中按下加载更多，您会注意到该用户被带到顶部。加载更多内容。但是，用户也会滚动到顶部。我希望用户停留在点击加载更多发生的位置。

Load More 是通过 Views Load More (https://www.drupal.org/project/views_load_more) 完成的，如下所示

<ul class="pager pager-load-more">
<li class="pager-next first last">
<a href="/tag/news?page=1">Load more</a>
</li>
</ul>

非常感谢任何帮助。

提前致谢。

更新：

我试过如下

/* Views Ajax Content Load Autoscroll Feature Disabled */
jQuery(document).ready(function(){
        //On page load
        jQuery('.pager-item a.views-ajax-scroll-processed').click(function(){
        jQuery('body, html').stop();
    });
        //Again after ajax request is completed
        jQuery(document).ajaxComplete(function(){
        jQuery('.pager-item a.views-ajax-scroll-processed').click(function(){
            jQuery('body, html').stop();
        });
    });
});

那没有用。在下面尝试：

(function($){

      if (Drupal.ajax)
         Drupal.ajax.prototype.commands.viewsScrollTop = null;

})(jQuery);

那没有用。尝试以下行注释掉。那也失败了

//$(scrollTarget).animate({scrollTop: (offset.top - 10)}, 500);

请帮忙？

Answer 1

我检查了您页面上的脚本，您似乎有一个自定义行为，无论发生什么情况都会触发滚动到顶部。

Views load-more 脚本将Drupal.attachBehaviors() 应用于每个新的附加内容。在您的情况下，当添加新项目时，sidebar 行为会重新附加并重新初始化：

Drupal.behaviors.sidebar = {
  attach: function (context, settings) {/*...*/},
  init: function () {
    $(window).scrollTop(1); // <- your issue here. 
    // ...
  }
};

有趣的是，作者在同一行留下了评论，解释这是另一个问题的解决方法，并建议击败他......所以通过解决这个问题你会得到一个新/旧错误。可怕的级联错误修复错误... ;)