越来越觉得做web前端 有意思了,前几天朋友问我要弹出窗口的效果,当时自己不想动手做,想去网上找一下,如果能找到就给她,找不到再说了,结果搜索了一下发现效果是可以,可以是javascript 写的太复杂!后来自己动手修改了一下发给她,今天写一个效果,和那不差什么,是一个固定位置的效果,随滚动条滚动的,下面来分析js源码:
function fixed($id, $top) {
$top = $top == "" ? 0 : $top;
if ($.browser.msie && $.browser.version == "6.0") {
$($id).css( {
"position" : "absolute"
});
$(window).scroll(function() {
var $kfh = document.documentElement.scrollTop + $top + "px";
$($id).css("top", $kfh)
})
} else {
$($id).css( {
"position" : "fixed"
})
}
}引入jquer的js,然后,调用这个函数就和,具体的用法,看一下实例吧!!
[不兼容的情况已修改]
DEMO: js 固定位置随滚动条滚动效果带关闭
本文由 kevin 创作,采用 知识共享署名4.0 国际许可协议进行许可。
本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名。