制作不随浏览器滚动的DIV-带关闭按钮
2014-12-03 10:01
239 查看
制作不随浏览器滚动的DIV
效果见 http://bbs.csdn.net/topics/90292438 的滚动效果。
效果见 http://bbs.csdn.net/topics/90292438 的滚动效果。
$(function(){ //获取要定位元素距离浏览器顶部的距离 var navH = $(".detail_title_fixed").offset().top; $(".detail_title_fixed").hide(); var show_detail_title_fixed = true; //滚动条事件 $(window).scroll(function(){ //获取滚动条的滑动距离 var scroH = $(this).scrollTop(); //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定 if(show_detail_title_fixed){ if(scroH>=navH){ $(".detail_title_fixed").css({"position":"fixed","top":"0","border":"1px #198cc5 solid","z-index":"99999"}); $(".detail_title_fixed").show(); }else if(scroH<navH){ $(".detail_title_fixed").css({"position":"static"}); $(".detail_title_fixed").hide(); } } }); $("#close_detail_title_fixed").click(function(){ show_detail_title_fixed = false; $(".detail_title_fixed").hide(); }); })
相关文章推荐
- jQuery弹出Div窗口居中显示、滚动跟随、关闭按钮以及几秒后自动消失
- 纯Div+Css制作的漂亮点击按钮和关闭按钮
- 屏蔽浏览器关闭按钮及ALT+F4 快捷键
- 屏蔽浏览器关闭按钮及ALT+F4 快捷键
- 随浏览器滚动条移动的DIV层的代码
- 监听浏览器关闭按钮点击事件
- 监听浏览器关闭按钮点击事件
- Flash对联广告及关闭按钮的制作
- 完美拖拽+拖动改变Div的宽高+关闭按钮[带演示]
- 网页中实现浏览器的最大,最小化和关闭按钮
- 在点击浏览器右上角关闭按钮后,还想做点服务器端的事情
- 关闭浏览器按钮退出系统问题
- 屏蔽浏览器关闭按钮及ALT+F4 快捷键
- 如果制作网页中浮动广告条的关闭按钮
- 屏蔽浏览器关闭按钮及ALT+F4 快捷键
- 网页中实现浏览器的最大,最小化和关闭按钮-ASP教程,ASP技巧
- 怎样屏蔽浏览器关闭按钮及ALT+F4 快捷键
- 网页中实现浏览器的最大,最小化和关闭按钮
- 如何制作flash的关闭按钮
- 捕捉浏览器关闭、刷新事件(a.点击关闭按钮 b.任务栏右击关闭 c.按alt+F4关闭)