js 固定位置随滚动条滚动效果带关闭
越来越觉得做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 固定位置随滚动条滚动效果带关闭