【求高手】实现div始终可见的效果。

zygis777 2012-12-18 02:40:37
页面中有一个div,默认打开时,div是在超出一屏的固定位置,此时,是看不见的,只有往下拉滚动条才能看到。在看不见div的时候,让div浮动在页面最底部。能看见的地方,实现div在自己原来的位置。目的是实现div始终可见的效果。
...全文
226 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
cpu220 2012-12-26
  • 打赏
  • 举报
回复
1. 给div的position属性为fixed, top和left随便你设定,最后display为none 2. 书写对滚动条滚动距离的判断 function scroll(){ var scrolltop=window.scrollY; if ( scrolltop>n)//n为滑动条移动距离 { $("div.id").show(); } else{ $("div.id").hide();} } 以上,当滚动条滚动n 距离后 div显示 并固定浏览器对应位置,小于n后,div消失
cslshuai2 2012-12-26
  • 打赏
  • 举报
回复
如果div刚开始会跟着滚动条一起向下的话,你就应该写个function,判断scroll的高度,然后改变div的class.
cslshuai2 2012-12-26
  • 打赏
  • 举报
回复
body写个position:relative;然后在body的第一个儿子写上position:absolute;
Kilin_Zhang 2012-12-26
  • 打赏
  • 举报
回复
css就可以办到 position:fixed 当然除了比较BT的ie6
  • 打赏
  • 举报
回复
没明白楼主要的什么效果。。javascript滚动到导航条时如何固定在顶部 这种效果?只是导航在底部?
有一只柴犬 2012-12-18
  • 打赏
  • 举报
回复
div在显示的时候通过定义样式改变他显示的位置,不知道是不是你想要的: $("#luckyUserList_window").show().css("top",(document.documentElement.scrollTop)+100 ).css("left",($(document).width()-400)/2 ); luckyUserList_window是你div的id
zygis777 2012-12-18
  • 打赏
  • 举报
回复
引用 1 楼 dongjunhui2010 的回复:
http://viget.com/inspire/jquery-stick-em
和我要的不一样
dongjunhui2010 2012-12-18
  • 打赏
  • 举报
回复
http://viget.com/inspire/jquery-stick-em

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧