由 tinyfool
发布于 2013年09月09日
无人欣赏。
相关的通知系统还要等待,邮件通知系统改造的时候再说了。
现在有一个前端问题就是我的楼层链接是用 #xxx 实现的,但是因为整个页面有一个悬浮的工具栏,所以感觉上,跳转的位置是不对的,请懂的前端高手指点怎么修改好。
共18条回复
4楼
· 回复
7楼
· 回复
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); 其它的可以忽略不计
14楼
· 回复
15楼
· 回复
16楼
· 回复
本帖有18个回复,因为您没有注册或者登录本站,所以只能看到本帖的10条回复。如果想看到全部回复,请注册或者登录本站。