OC

Knowledge OS
主帖 18 条回复

现在终于可以指定楼层回复了,大家感觉一下喜欢与否。另外帮我解决一个前端的问题,前端高手入!!!

tinyfool tinyfool · 2013年09月09日 · 阅读 4 · 无人欣赏。

相关的通知系统还要等待,邮件通知系统改造的时候再说了。

现在有一个前端问题就是我的楼层链接是用 #xxx 实现的,但是因为整个页面有一个悬浮的工具栏,所以感觉上,跳转的位置是不对的,请懂的前端高手指点怎么修改好。

回复

18 条
#4
linhaozero
2013年09月09日

直接用#id肯定是会跳到body的顶部的.只能用javascript来实现..

#5
ibuick
2013年09月09日

反正有服务器,,,,,加上 Safari Notification 吧,

#7
vikiliu0310
2013年09月09日

赞一个,终于有了,还有推送,都可以搞客户端了,哈哈

#10
mebius
2013年09月09日

不错不错!不过如果把E-mail提示改为站内的消息提示会更好一些,E-mail提示作为可选项

#11
birdstudio
2013年09月09日

需要用到 JS。

先拦截链接的点击事件,再获取目标楼层元素的垂直位置 y,加上你需要的偏移量 offset,最后 window.scrollTo(0, y + offset) 就可以滚屏了。如果页面中有 jQuery 的话,还可以用动画平滑滚屏。

另外建议给纯数字的 id 加前缀,比如 #floor3 这样。

#12
linhaozero
2013年09月09日

jQuery(function() { jQuery(".goto").bind("click",function(){ $('html,body').animate({scrollTop: ($("#1").offset().top-50)}, 500); }) }); 可以写成函数传参

#13
linhaozero
2013年09月09日

关键是$('html,body').animate({scrollTop: ($("#xxx").offset().top-50)}, 500); 其它的可以忽略不计

本帖有18个回复,因为您没有注册或者登录本站,所以只能看到本帖的10条回复。如果想看到全部回复,请注册或者登录本站。
登录 或者 注册
顶楼 / 底楼 / 首页