在触发js的scroll事件啊,可是我遇到的是真正不动的,我开始以为是ff上面才会这样,没想到ie6和ie7都有如此效果,不得不惊叹神奇了。
如是我就找出了如下神奇的代码:仅用css实现滚动效果~~
#fixed{position:fixed;}
滚动
完了,就这个属性就搞定滚动了,真想骂人了。不过还没完呢,这个只支持火狐和ie7,我刚才说过ie6也可以的,只是ie6要实现就有点复杂了,
复制代码 代码如下:
这个我也没太看是什么意思。也好像是css,不过应该也算有脚本了吧!?也许有人知道可以告诉大家,分享一下。
既然我的标题是实现滚动的n种方法的话,肯定不只是这两种了。好像css的还有其他写法,我就不一一列举了,我主要是想告诉大家比较常用的js实现方式,我的网站有用到一段代码,也是网上找的,不过有个不好的地方就是它是相对顶部的,也就是你的网页高度不够就会出现拉不到底的情况,其实百度留言也会出现这种状况的,我就不多说了,先贴出来大家看看:
复制代码 代码如下:
lastscrolly=0;
function heartbeat(){
var diffy;
if (document.documentelement && document.documentelement.scrolltop)
diffy = document.documentelement.scrolltop;
else if (document.body)
diffy = document.body.scrolltop
else
{}
percent=.1*(diffy-lastscrolly);
if(percent>0)percent=math.ceil(percent);
else percent=math.floor(percent);
document.getelementbyid(lovexin12).style.top=parseint(document.getelementbyid(lovexin12).style.top)+percent+px;
(document.getelementbyid(lovexin12).style.top)+percent+px;
lastscrolly=lastscrolly+percent;
}
window.setinterval(heartbeat(),1);
有兴趣的话大家可以把上面的改成相对于底部,这样会好很多。
最近一直在看js库,比较感兴趣的jquery还是很不错的,所以呢~,现在再来贴一个用jquery来实现滚动的代码,比上面这个感觉要好很多。不过也只是个选择,没有必要可以不用,必竟jquery的代码也有几十kb的。
复制代码 代码如下:
$(document).ready(function(){
if($.browser.msie && $.browser.version == 6) {
followdiv.follow();
}
});
followdiv = {
follow : function(){
$('#cssrain').css('position','absolute');
$(window).scroll(function(){
var f_top = $(window).scrolltop() + $(window).height() - $(#cssrain).height() - parsefloat($(#cssrain).css(bordertopwidth)) - parsefloat($(#cssrain).css(borderbottomwidth));
$('#cssrain').css( 'top' , f_top );
});
}
}
好了,就说到这吧!!有什么不明白的可以提出来!讨论才会有进步~!欢迎大家加入我的qq群,大家共同学习进步.群号:5678537