Javascript 使用页边距顶部时,平滑滚动到页面顶部

Javascript 使用页边距顶部时,平滑滚动到页面顶部,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的内容以logobox作为第一件事开始: #logobox { width: 178px; height: 204px; margin-left: auto; margin-right: auto; margin-top: 250px; } 我使用的脚本来自: 我创建了一个“返回顶部”按钮,但它只会滚动回logobox开始的位置,而不会滚动到页面顶部。尝试在登录框之前创建另一个链接,但无法工作 有没有办法解决这个问题 谢谢也许可以在body标签上添加一个id,让您的按钮指向它。我假设您的[返

我的内容以logobox作为第一件事开始:

#logobox { width: 178px; height: 204px; margin-left: auto; margin-right: auto; margin-top: 250px; }
我使用的脚本来自:

我创建了一个“返回顶部”按钮,但它只会滚动回logobox开始的位置,而不会滚动到页面顶部。尝试在登录框之前创建另一个链接,但无法工作

有没有办法解决这个问题


谢谢

也许可以在body标签上添加一个id,让您的按钮指向它。

我假设您的[返回顶部]按钮类似于

这将始终将您带到250px以下的位置,无论#标识框位于何处,在本例中,位于窗口顶部(再次假设)。在css中,边距是一个偏移量——元素#logobox实际上偏移了250px,所以当你跳转到它时,再往下移动250px。你可以:

  • 切换#logobox元素以使用
    padding top:250px
    ,如果这适用于您的设计。而不是
    页边距顶部:250px
    。这实际上保持了你认为它现在所在的位置(而不是从那个位置偏移它)
  • 插入一个带有id的空白元素,并将“返回顶部”按钮指向它。从历史上看,互联网是最受欢迎的选择。通常以