href 链接不会转到页面顶部

href link won't go to top of page

本文关键字：顶部 链接 href      更新时间：2023-09-26

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

但是，如果我手动输入链接或在移动设备中刷新页面（屏幕宽度小于 750px），它会转到与通常为完整宽度相同的链接高度位置（在移动设备的页面上更靠后）。

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

这是一个javascript问题吗，我将如何解决它？

您的页面http://lol.bu.edu/ctl/home-2/#after_layer_slider_1删除 URL 末尾的#after_layer_slider_1。#after_layer_slider_1定位的是页面上的某个位置，这就是它向下移动的原因。Jus t 只需删除 url 的该部分，它将加载到页面顶部。

如果你不想让它在CTR+F上这样做，并在你的javasrcipt中寻找"after_layer_slider_1"，删除该部分，它将停止完全滚动页面。

就大

饱眼福吧，在下面，兄弟

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

现场演示（平滑滚动到顶部）

相关文章：