jquery控制页面元素跟随滚动

需要插入jquery库

JS方法：

//参数：target 需要添加随页面滚动的对象，top 距离页面顶部多少像素后跟随滚动

function scrollTarget(target,top){

//判定传入对象是ID还是ClassName

var obj = document.getElementByIdx_x(target) == null?$("."+target):$("#"+target);

//判断传入数值是否为空，为空默认等于0

var topNum = top == null?0:top;

$(function () {

$(window).scroll(function(){

if ($(window).scrollTop()>topNum){

obj.css({"position":"fixed"});

}else{

obj.css({"position":"absolute"});

}

});

});

}

HTML：

      免费注册

      我要加盟

//调用

scrollTarget("scrollBox",198);

CSS:

.scrollBox{ width:142px; height:235px; background:url(images/scrollBox.png) no-repeat; position:absolute; right:0; top:0;_position:absolute;_top:expression_r(eval_r(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight - 198));left:50%;margin-left:435px;}

后期可续扩展：

1、封装检测传入对象功能公用，并根据传入ID或者Class名得到对象

2、增加点击事件可选，例如“返回顶部”可以用到。