DIV浮动在页面固定位置,不受滚动条影响

用的Yaml的css框架,所以有Yaml的一些属性。

<div class="ym-col1" style="position:fixed;">
	<div class="ym-cbox" >
		<nav class="ym-vlist" >
		  <h6 class="ym-vtitle">接口列表</h6>
		  <ul>
		  {foreach $arr as $v}
			<li><a href="#{$v.title}">{$v.title}</a></li>
		  {/foreach}
		  </ul>
		</nav>
	</div>
</div>

有style="position:fixed;"这一句即可。

$(function(){
	var height=48;
	$(window).scroll(function(){
		var a=$(document).scrollTop();
		if(a<height){
			$('.ym-col1').css('top',(height-a)+'px');
		}else{
			$('.ym-col1').css('top','0px');
		}
	});
})

$('.ym-col1').css('top')可以先获取一下高度然后赋值给height

DIV浮动在页面固定位置,不受滚动条影响》上有2条评论

发表评论

电子邮件地址不会被公开。

*