【问题标题】:Scrollbars stick on top while entire page is scrolling滚动条在整个页面滚动时粘在顶部
【发布时间】:2014-08-11 01:12:11
【问题描述】:

我正在处理的网页有一个指向锚点和锚点的链接(非常简单的情况)。

链接类似于:

    <a href="#target">Link</a>

锚是这样的:

    <a name="target">Anchor</a>

当我点击链接时,整个页面正在滚动到锚点:确定 但是,垂直滚动条似乎不受该滚动条的影响,它仍然在顶部:KO

所以基本上,一旦我点击链接,一旦页面被向下滚动,由于滚动条,没有办法回到顶部。

我知道该网页上使用了一些 jQuery,但不是出于此目的。我猜它们是一些 jQuery 副作用,但我不知道如何查找/调试它。

我也担心某些 Css 会造成一些麻烦。

如果您有任何调试方法的想法,请告诉我!

干杯!

亚恩

【问题讨论】:

  • 我们无法调试代码,,,因为你没有提供它。
  • 好吧,我不是在寻找一些代码更正,而是一种调试方法。您是否知道什么会导致滚动条粘在顶部而其余部分都在“移动”?我知道这是一个非常开放的问题......
  • 所以你的代码是错误的,但你不想让我们为你调试它只是告诉你必须找到错误......是这样吗?
  • 问题是这个网站的代码真的很糟糕,这意味着它们是无用的数千行代码。我不能在这里复制所有内容。 (我想我是不允许的)。出于某种原因,我相信它们不是处理滚动条的一千种方法。显然,有人在该网站上编码错误。我需要知道如何检测它?我需要知道一个好的调试方法。
  • 正如您在上面看到的(编辑我的帖子后),链接和锚点非常简单,我 99% 的问题不是来自那个问题,而是来自一些外部脚本(Jquery 或可能是 Css 属性 ont 元素的一些副作用)。

标签: jquery css hyperlink scrollbar anchor


【解决方案1】:

检查哪个元素实际被滚动,哪个元素有滚动条。

【讨论】:

  • 您熟悉所有主流浏览器中的调试器工具吗?我建议使用 Chrome 并按 f12。
  • 我尝试使用sprymedia.co.uk/article/Visual+Event+2,但链接似乎没有附加任何事件。
  • 好吧,伙计们,我找到了部分答案:在“主页”中有一个 iframe 显示完全相同的页面(有点像“page-ception”啊)。不知道你有没有关注我。由于某些 CSS,不显示主页面,而仅显示 iframe 的内容。所以基本上,当用户点击链接时,这不是滚动的窗口,而是 iframe 的内容。
猜你喜欢
  • 2018-09-27
  • 2019-06-15
  • 2013-01-30
  • 2013-07-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多