共计 500 个字符,预计需要花费 2 分钟才能阅读完成。
越来越觉得做 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 固定位置随滚动条滚动效果带关闭
正文完