英语轻松读发新版了,欢迎下载、更新

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

tinyfool 发布于 2013年09月09日
无人欣赏。

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

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

共18条回复
tinyfool 回复于 2013年09月09日

放个1楼大家可以测试

tinyfool 回复于 2013年09月09日

1楼 @tinyfool 好玩吗?

灵感之源 回复于 2013年09月09日

2楼 @tinyfool

我前几天就想问这个。。。知我者tinyfool也

linhaozero 回复于 2013年09月09日

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

ibuick 回复于 2013年09月09日

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

tinyfool 回复于 2013年09月09日

回头会加的

vikiliu0310 回复于 2013年09月09日

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

灵感之源 回复于 2013年09月09日

1楼 @tinyfool

你想从哪里跳到哪里?点回复x楼跳到输入框?手机正常。

灵感之源 回复于 2013年09月09日

1楼 @tinyfool

测试跳转

mebius 回复于 2013年09月09日

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

birdstudio 回复于 2013年09月09日

需要用到 JS。

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

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

linhaozero 回复于 2013年09月09日

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

linhaozero 回复于 2013年09月09日

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

yangjie6020 回复于 2013年09月09日

不错 我喜欢 @tinyfool 要是有个站内实时消息就好了

tinyfool 回复于 2013年09月09日

11楼 @birdstudio 我觉得需要js太不够优雅了,还是去掉顶栏的top属性算了,问题解决了

tinyfool 回复于 2013年09月09日

14楼 @yangjie6020 会考虑做的,目前感觉比较麻烦,另外整个提醒系统的逻辑需要整理下先

Phil 回复于 2013年09月09日

1楼 我只是试试看什么意思

tinyfool 回复于 2013年09月09日

17楼 @Phil 无聊的家伙

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

登录 或者 注册
[顶 楼]
|
|
[底 楼]
|
|
[首 页]