当Section在Viewport中时,jQuery显示/隐藏Div

时间:2011-05-17 13:39:49

标签: jquery viewport

目前我的代码在这里:http://www.jaygeorge.co.uk/gwennan-sage

您会看到两个绿色箭头位于页面底部的固定位置。 当时间轴部分不在视野中时,我很难让jQuery隐藏这些div(#timeline-buttons),最好使用fade()技术。

我已经尝试了一个Viewport插件,但无法使用if语句使其正常工作,我确信通过以某种方式测量div高度可以使用普通的jQuery完成。

任何建议都表示赞赏,提前谢谢。

2 个答案:

答案 0 :(得分:3)

隐藏绿色箭头然后滚动,测试以查看时间轴div位置是否大于窗口高度加上滚动偏移。如果大于那则意味着时间轴div在视图中并且应显示箭头。

这是一个展示效果的快速小提琴:http://jsfiddle.net/EADDt/

答案 1 :(得分:0)

将这些箭头移动到#gwennan-header并删除固定的css属性并设置z-index。这样你根本不需要任何Javascript。