目前我的代码在这里:http://www.jaygeorge.co.uk/gwennan-sage
您会看到两个绿色箭头位于页面底部的固定位置。 当时间轴部分不在视野中时,我很难让jQuery隐藏这些div(#timeline-buttons),最好使用fade()技术。
我已经尝试了一个Viewport插件,但无法使用if语句使其正常工作,我确信通过以某种方式测量div高度可以使用普通的jQuery完成。
任何建议都表示赞赏,提前谢谢。
答案 0 :(得分:3)
隐藏绿色箭头然后滚动,测试以查看时间轴div位置是否大于窗口高度加上滚动偏移。如果大于那则意味着时间轴div在视图中并且应显示箭头。
这是一个展示效果的快速小提琴:http://jsfiddle.net/EADDt/
答案 1 :(得分:0)
将这些箭头移动到#gwennan-header
并删除固定的css属性并设置z-index。这样你根本不需要任何Javascript。