Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有浏览器重新绘制的锚定链接_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 带有浏览器重新绘制的锚定链接

Javascript 带有浏览器重新绘制的锚定链接,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在建立一个网站,其中一个长长的主页上有不同的部分。我试图在主页上使用锚定标签,这样当你从其他页面链接到它时,你就可以直接转到正确的部分 它最初会转到右侧部分,但当图像、facebook和pinterest插件加载时,它们会向下推内容 我了解到,可以通过内联声明图像维度来避免这种情况。除了我的网站是响应,所以图像需要是流动的。有办法解决这个问题吗 如果这是不可能的,javascript解决方案也是可以接受的。现在主页菜单使用jquery滚动到右侧部分。有没有办法将访问者发送到主页,等待加载,然

我正在建立一个网站,其中一个长长的主页上有不同的部分。我试图在主页上使用锚定标签,这样当你从其他页面链接到它时,你就可以直接转到正确的部分

它最初会转到右侧部分,但当图像、facebook和pinterest插件加载时,它们会向下推内容

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

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

编辑: 我找到了一个答案,有点像。我的回答如下:

但这个脚本在我的社交插件加载之前就跳转了,导致了与我最初描述的相同的问题。如果我在setTimeout函数中添加一些超时,那么页面就有时间完全加载,并且一切都可以正常工作。唯一的问题是加载时间变化很大,所以不可能每次都正确

有什么帮助吗?

我不推荐不使用javascript的解决方案。既然你已经用
jQuery
标记了你的答案,我想你会对这个平滑的答案感到满意的

你可以在上面找到它的解释

更新#1 我了解到,可以通过内联声明图像维度来避免这种情况。除了我的网站是响应,所以图像需要是流动的。有办法解决这个问题吗

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


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

抱歉,只在本地安装。谢谢,但是在主页上导航效果很好。当我想从一个内部页面链接到主页的某个部分时,问题就出现了。很抱歉误解了您的问题。你说的内部页面和主页是什么意思?出现了什么问题?