从品牌网站建设到网络营销策划,从策略到执行的一站式服务
给你个思路吧:
创新互联建站为您提适合企业的网站设计 让您的网站在搜索引擎具有高度排名,让您的网站具备超强的网络竞争力!结合企业自身,进行网站设计及把握,最后结合企业文化和具体宗旨等,才能创作出一份性化解决方案。从网站策划到成都做网站、成都网站制作, 我们的网页设计师为您提供的解决方案。
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就可以了
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图