jQuery设置div一直在页面顶部显示的方法

前端技术 2023/09/02 JavaScript
jQuery部分
复制代码 代码如下:

<script src=\"JS/jquery-1.8.3.js\" type=\"text/javascript\"></script>
<script type=\"text/javascript\">
$(function () {
var elm = $(\'#pordAttr\');
var startPos = $(elm).offset().top;
$.event.add(window, \"scroll\", function () {
var p = $(window).scrollTop();
$(elm).css(\'position\', ((p) > startPos) ? \'fixed\' : \'static\');
$(elm).css(\'top\', ((p) > startPos) ? \'0px\' : \'\');
});
});
</script>

HTML部分
复制代码 代码如下:

<div id=\"pordAttr\">
<input type=\"text\" value=\"奇异果\" id=\"txtSearchImage\" runat=\"server\" />
<asp:Button ID=\"Button1\" runat=\"server\" OnClick=\"Button1_Click\" Text=\"Button\" />
</div>

本文地址:https://www.stayed.cn/item/4552

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。