【问题标题】:Anchor-Div not scrolling to the right place in firefox onlyAnchor-Div 仅在 Firefox 中无法滚动到正确的位置
【发布时间】:2012-04-17 21:06:38
【问题描述】:

我完全被困在这里,希望这里有人能给出答案。

ok - 最终目标是重定向到另一个页面并放置在某个 DIV 的开头。我正在使用一个锚标记,它指向一个带有 ID 的 DIV。 我的代码适用于除 Firefox 之外的所有浏览器??

第一页的链接:

    <a href="/home/services#design">
      <%= image_tag "Read_More_Button.png", :alt => "", :style => 
      "position:relative;   left:-10px"%>
    -close a tag

第 2 页内容的 Div:

    <div id='design' class='left clear_right '>  
      more <div>'s nested and a unordered list.  black as well. 
    -close div tag

我的 config/routes.rb 中的路由:

    get "home/services" => "home#services" 

要了解目前的工作方式,请查看在线版本链接:

[website_link]http://mearsinteriors.co.uk/“点击这里查看网站”

单击设计或装修的“阅读更多”按钮,您会看到您没有被带到任何一个 div 的顶部,但地址栏中的路由/url 正确指向该位置?这只发生在 Firefox 中,我尝试在安全模式下禁用所有插件,但仍然没有。

任何建议或方向将不胜感激。谢谢

【问题讨论】:

  • 这很奇怪!奇怪的是,两个链接最终都滚动到页面上的相同位置。禁用javascript可以解决问题!你的 .js 文件被缩小了,所以看不到它是什么,但是那里发生了一些事情,使滚动变得混乱。
  • 你解决了我的问题,但我不知道为什么,这就是我所做的。注释掉了 javascript 并看到了我的大图像(其中 5 个显示在另一个下方)。现在,当单击阅读更多链接时,最后一张图像底部的位置大约与页面滚动到第二页的位置相同。我列出的 img_tags 没有任何容器(没有跨度标签)。一旦我添加了跨度标签...... bam!像魅力一样工作。太感谢了。您的评论导致我的解决方案。非常感谢。

标签: html ruby-on-rails scroll routes anchor


【解决方案1】:

这是我使用的 Jquery 循环库。每个图像的容器仍然在页面上隔开。所以即使图像不可见,div 仍然存在。因此页面滚动到确切位置的原因与锚被定向到的位置无关。

【讨论】:

  • 很高兴你知道了!所以你把你的图片包装在&lt;span&gt;标签中,这样就固定了它们的可见性,对吗?您可以将此标记为解决方案:)
猜你喜欢
  • 2012-06-08
  • 1970-01-01
  • 2012-10-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多