文档加载时滚动到锚元素

发布于 2024-10-15 08:15:02 字数 430 浏览 1 评论 0原文

过去有人发布过此内容，因此考虑到我很想看看是否有任何具有此功能的自定义脚本，我将重新发布它。我敢说，所以我不必自己编写代码：P

摘自这篇文章： “我已经知道 jQuery 插件 ScrollTo，但到目前为止我还没有找到任何方法来实现以下目的：

用户访问我的网站（通过键入，而不是单击我页面上的链接）domain.com/bla。 php#foo

和锚点“#foo”存在现在我希望用户的浏览器不会自动滚动到“#foo”，而是希望平滑滚动以使元素“#foo”位于中间。视图的绝对顶部位置，而不是用户视图的绝对顶部位置，

谢谢！”

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

碍人泪离人颜 2024-10-22 08:15:02

你可以破解这个问题的解决方案。在中添加一个脚本以获取当前位置。将scrolltop 设置为页面顶部，然后在页面加载时添加 jQuery.ready(scrollTo) 块。

伪代码实现如下。

<head>
  <script src="jquery.js">
  <script>
    var loc = window.location;
    var anchor = getAnchor(loc);
    if (anchor !== undefined) {
      removeAnchor(loc, anchor);
      scrollTo(0);
      $.ready(function() {
        $.scollTo(anchor);
      });
    }
  </script>
  ...

我希望这会在浏览器有机会捕捉到锚点之前触发。它可能有效，也可能无效。请随意充实自己。

You can hack the solution to this. Add a script right in the to grab the current location. Set the scrolltop to be the top of the page then add a jQuery.ready(scrollTo) block for when the page is loaded.

A pseudo-code implementation is as follows.

<head>
  <script src="jquery.js">
  <script>
    var loc = window.location;
    var anchor = getAnchor(loc);
    if (anchor !== undefined) {
      removeAnchor(loc, anchor);
      scrollTo(0);
      $.ready(function() {
        $.scollTo(anchor);
      });
    }
  </script>
  ...

I hope that this will trigger before the browser has a chance to snap to the anchor. It may or may not work. Feel free to flesh it out yourself.

回复收藏 0 原文

~没有更多了~