锚点与浏览器重新绘制链接

时间:2014-01-14 12:30:49

标签: javascript jquery html css

我正在建立一个网站,其中包含不同部分的长主页之一。我正在尝试在主页上使用锚标签,这样当你从其他页面链接到它时,你会直接转到右边的部分。

它最初会转到右边的部分,但是当图像和facebook和pinterest插件加载时,它们会将内容推下来。

我读到你可以通过内联声明图像尺寸来避免这种情况。除了我的网站是响应所以图像需要流畅。有办法解决这个问题吗?

如果这是不可能的,那么javascript解决方案也是可以接受的。现在主页菜单使用jquery滚动到右侧部分。有没有办法将访问者发送到主页,等待它加载,然后使用相同的脚本滚动到一个部分?

编辑: 我找到了答案,有点儿。我通过以下答案:https://stackoverflow.com/a/9805747/1948221

但是在我的社交插件加载之前,该脚本会跳转,导致我最初描述的问题。如果我在setTimeout函数中添加一些超时,页面就有时间完全加载,一切都运行完美。唯一的问题是加载时间变化很大,所以每次都不可能正确。

任何帮助?

1 个答案:

答案 0 :(得分:0)

我不推荐你不使用javascript的解决方案。由于您已使用jQuery标记了答案,因此我认为您对此顺利example感到满意。

您可以在here上找到它的表达式。

更新#1

  

我读到你可以通过内联声明图像尺寸来避免这种情况。除了我的网站是响应所以图像需要流畅。有办法解决这个问题吗?

如果你声明图像尺寸内联,我会说你会采取最好的方式 使用javascript库对响应式设计做出反应。我认为这是一个可接受的解决方法。

也许您有兴趣使用Device.js(Github / Demo)来对不同的设备作出反应。