右侧浮动，可以设置距离右侧的宽度和高度

最新推荐文章于 2025-09-19 11:58:28 发布

原创最新推荐文章于 2025-09-19 11:58:28 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

网站建设专栏收录该内容

740 篇文章

订阅专栏

本文介绍了一种使用CSS实现元素在页面右侧固定位置的浮动布局方法，并通过JavaScript动态调整该元素的位置，确保其在用户滚动页面时始终保持在可见区域内。

右侧浮动，可以设置距离右侧的宽度和高度
<div id="right"></div>
<style type="text/css">
#right
{
width:270px;
top:350px;
right:5px;
position:absolute;
}
</style>

<script type="text/javascript">

$(document).ready(function(){
var menuYloc = $("#right").offset().top;
$(window).scroll(function (){
var offsetTop = menuYloc + $(window).scrollTop() +"px";
$("#right").animate({top : offsetTop },{ duration:600, queue:false });
});
});

</script>

演示地址:http://www.corange.cn/demo/3874/index.html