jquery滚动保持定位层

最新推荐文章于 2024-05-12 10:01:10 发布

iteye_12411

最新推荐文章于 2024-05-12 10:01:10 发布

阅读量99

点赞数

分类专栏： jquery 文章标签： jquery ViewUI

本文链接：https://blog.csdn.net/iteye_12411/article/details/82410473

版权

jquery 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

本插件借鉴了一些网上的资料，实际运用可以自行修改。

/*!
 * jQuery scrollsPosition plugin
 * jquery滚动保持定位层
 * Copyright (c) 2012 Geetaku
 * 
 * @author JSCZXY2
 * 
 */
$.fn.scrollsPosition = function() {
	var position = function(element) {
		element.css("z-index","999");
		var top = element.position().top, pos = element.css("position");
		$(window).scroll(function() {
			var scrolls = $(this).scrollTop();
			if (scrolls > top) {
				if (window.XMLHttpRequest) {
					element.css({
						position: "fixed",
						top: 0
					});	
				} else {
					element.css({
						top: scrolls
					});	
				}
			}else {
				if(pos == "relative"){
					element.css({
						position: pos,
					});	
				}else{
					element.css({
						position: pos,
						top: top
					});	
				}
			}
		});
};
	return $(this).each(function() {
		position($(this));						 
	});
};