相关的通知系统还要等待,邮件通知系统改造的时候再说了。
现在有一个前端问题就是我的楼层链接是用 #xxx 实现的,但是因为整个页面有一个悬浮的工具栏,所以感觉上,跳转的位置是不对的,请懂的前端高手指点怎么修改好。
需要用到 JS。
先拦截链接的点击事件,再获取目标楼层元素的垂直位置 y
,加上你需要的偏移量 offset
,最后 window.scrollTo(0, y + offset)
就可以滚屏了。如果页面中有 jQuery 的话,还可以用动画平滑滚屏。
另外建议给纯数字的 id 加前缀,比如 #floor3
这样。
jQuery(function() { jQuery(".goto").bind("click",function(){ $('html,body').animate({scrollTop: ($("#1").offset().top-50)}, 500); }) }); 可以写成函数传参
关键是$('html,body').animate({scrollTop: ($("#xxx").offset().top-50)}, 500); 其它的可以忽略不计