大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
给你个思路吧:
创新互联建站为您提适合企业的网站设计 让您的网站在搜索引擎具有高度排名,让您的网站具备超强的网络竞争力!结合企业自身,进行网站设计及把握,最后结合企业文化和具体宗旨等,才能创作出一份性化解决方案。从网站策划到成都做网站、成都网站制作, 我们的网页设计师为您提供的解决方案。
offset().top 悬浮窗在页面没滚动的时候与页面顶部的距离,这个距离只取了一次所以这个距离从开始就始终没变。
$(window).scrollTop() 是页面已经滚动的距离(是跟随你滚动不断变动的),就是你滚动条往下滚动的距离(页面可是区域顶端与原页面真实顶端的距离)
当页面滚动的时候触发函数$(window).scroll
然而悬浮窗又要保持页面打开时候的位置,那显然就是
悬浮窗原始与顶部距离+页面已经滚动过的距离;
跟随滚动条的使用样式就可以了:position:fixed;
点击关闭和打开就用jquery的animate对浮动的right样式处理就行:
//原来样式设定的right:0;
//例如你浮动客服的元素宽度为300px
$("关闭ID").click(function(){
$("整个浮动的ID").animate({right:"-300px"},600);//第二个参数是隐藏进去的时间
});
//打开也一样,同上 改变一下right的样式值就行
这个不难弄···
事先获取div的offset和它的高度··然后加起来··然后你在$(window).scroll(function(){});中判断当前滚动的高度是否等于高度+offset.top·如果等于的话·你就把div设置为position:fixed;
然后再给它一个top就可以了