固定div跟着滚动条向下移动代码,JS代码库,德仔网

代码语言

代码分类

【JS】固定div跟着滚动条向下移动

作者:xudianlong / 发布于2014/7/4/ 713

固定div跟着滚动条向下移动，回到顶部是，自动归位


	<div class="btnbox test" id="fixed">
	层中的数据信息。操作等等
	</div>
	<script src="../js/jquery.validate.min.js" type="text/javascript" language="javascript"></script>

	jquerye代码：

	
	 <script type="text/javascript">
	 //固定DIV
	 var fixed_div = {};
	 fixed_div.convScrollAD = function() {
	 this._id = "#fixed"; //浮动对象ID名称
	 this._top = 0; //距离上边框距离
	 this._scrollTop = (document.documentElement.scrollTop || document.body.scrollTop) + this._top;
	 $(this._id).stop();
	 //alert(this._scrollTop);
	 if (this._scrollTop < 203) {
	 if ($(this._id).hasClass("fixed_box")) {
	 document.getElementById("fixed").className = "btnbox test";
	 //$(this._id).removeClass("fixed_box");
	 };
	 } else {
	 document.getElementById("fixed").className = "fixed_box";
	 // $(this._id).addClass("fixed_box");
	 };
	 };

	 //初始化
	 $(function() {
	 fixed_div.convScrollAD();
	 window.onscroll = function() {
	 fixed_div.convScrollAD();
	 };
	 });
	 </script>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　固定div　　滚动条　

同语言下

可能有用的

xudianlong贡献的其它代码(25)