Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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 div粘贴到一个位置:固定链接?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript div粘贴到一个位置:固定链接?

Javascript div粘贴到一个位置:固定链接?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我已经编写了一个jQuery代码来跟踪链接位置的位置:修复了,然后将其用作位于其正下方的DIV的位置。因此,当用户滚动时,固定在顶部的链接为:0;左:0;右:0;将自动粘贴到顶部,我的jQuery代码使div能够在移动时跟随链接,但它是滞后的 <a href="link" id="link" style="position:fixed;top:0;left:0;right:0;">Link</a> <div id="divsticktolink" style="wi

我已经编写了一个jQuery代码来跟踪链接位置的位置:修复了,然后将其用作位于其正下方的DIV的位置。因此,当用户滚动时,固定在顶部的链接为:0;左:0;右:0;将自动粘贴到顶部,我的jQuery代码使div能够在移动时跟随链接,但它是滞后的

<a href="link" id="link" style="position:fixed;top:0;left:0;right:0;">Link</a>
<div id="divsticktolink" style="width:200px;height:200px;position:absolute;">Test</div>
我如何解决滞后部分


p/S:我知道我可以通过将它们放在一个div中来归档平滑的一个,这个div是位置:固定的,但我想尝试一下这种技术。

我不知道这是否能解决延迟问题,但你可以通过将这两行组合起来来提高效率

 $('#divsticktolink').css('left' , position.left + 'px');
 $('#divsticktolink').css('top' , top + 'px');
进入这个

 $('#divsticktolink').css({
                            'left' : position.left + 'px',
                            'top' : top + 'px'
 });
var声明也可以合并,但它可能不会产生太大影响

var link = $("#link"),  
    position = link.offset(),
    top = position.top + 10;

它不会变得更平滑,最好是设置动画,而不是立即设置位置。
var link = $("#link"),  
    position = link.offset(),
    top = position.top + 10;