Javascript 使用Jquery从粘滞平滑过渡到非粘滞

当我将元素粘贴在页面顶部时，以及当我从粘贴中移除元素并将其放置在其原始位置（即页面顶部）时，页面中会出现跳转。如何在没有任何跳跃的情况下顺利过渡

当用户在页面上滚动并到达特定位置时，转换被激活

$dynamic_element.css({position: 'static', top: 'initial'});

这是我的jquery代码，当我将元素粘在顶部时

var $dynamic_element = $('.dynamic');    
$dynamic_element.css({position: 'fixed', top: 0, width: '100%', 'z-index': '3000'});

下面是将元素放回其原始位置的jquery

$dynamic_element.css({position: 'static', top: 'initial'});

页面主体具有stick元素

   <div class="dynamic">Some content here</div>

这里有一些内容

$（文档）.ready（函数（）{
var scroll_start=0；
var startchange=$（'.nav'）；
var offset=startchange.offset（）；
$（文档）。滚动（函数（）{
scroll_start=$（this.scrollTop（）；
如果（滚动开始>偏移量顶部）{
$（'.effect'）.css（{'background-color'，'#FFF'，
“盒子阴影”，“0px 0px 10px 1px#eae7e7”，
“过渡”，“所有0.5秒轻松”
});
} 
否则{
$（'.effect'）.css（{'background-color'，'transparent'，
“框阴影”、“无”，
“过渡”，“所有0.5秒轻松”
});
}
})；

切换导航

我正在考虑使用占位符来保持动态元素的原始高度，因此当我将动态元素粘贴在顶部时，它的高度仍然保留在占位符元素中。这将阻止页面翻转或跳转。请更新您的问题，使其以一种新的方式显示您的相关代码。让我们知道哪些不起作用k、 感谢您的回答，但是问题仍然存在。我认为问题是，当我将元素移动到顶部时，如何保持DOM中的空间高度。