js 固定位置随滚动条滚动效果带关闭

4,516次阅读
没有评论

共计 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 固定位置随滚动条滚动效果带关闭

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-12发表,共计500字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)