jquery滚动保持定位层

jQuery滚动保持定位层插件使用教程

最新推荐文章于 2025-07-21 10:43:04 发布

原创最新推荐文章于 2025-07-21 10:43:04 发布 · 120 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ViewUI

jquery 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一个用于jQuery的滚动保持定位层插件的实现方式和使用方法，通过自定义函数调整元素的位置，确保在页面滚动时始终保持可见。

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

/*!
 * 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));						 
	});
};