Question

在我的网站http://lol.bu.edu/ctl/home-2/中，当我点击Questrom团队学习按钮时，它会正确转到链接，即http://lol.bu.edu/ctl/home-2/#after_layer_slider_1。

但是，如果我手动输入链接或在移动设备中刷新页面（屏幕宽度小于750像素），它会转到链接的相同高度位置，因为它通常会达到全宽度（这是进一步的在移动页面上）。

有时当我刷新页面时，它会在再次向下滚动之前短暂地转到正确的位置。

这是一个javascript问题，我该如何解决？

Answer 1

您的信息页http://lol.bu.edu/ctl/home-2/#after_layer_slider_1 删除网址末尾的#after_layer_slider_1。 #after_layer_slider_1定位到您网页上的某个位置，这就是它向下移动的原因。简单地删除网址的那一部分，它将加载到页面顶部。

如果您不想让它在所有ctr + f中执行此操作并在您的javasrcipt中查找“after_layer_slider_1”，请删除该部分，它将停止执行页面滚动。

Answer 2

只是在下面盛宴你的眼睛，兄弟

$(document).ready(function() {
    $('a[rel="relativeanchor"]').click(function(){
        $('html, body').animate({
            scrollTop: $( $.attr(this, 'href') ).offset().top
        }, 500);
        return false;
    }); 
});

Live Demo (smooth scroll to top)

href链接不会回到页面顶部

2 个答案: