我现在的代码在这里:http://www.jaygeorge.co.uk/gwennan-sage
您会在页面底部的固定位置看到两个绿色箭头。 当时间轴部分不在 View 中时,我无法让 jQuery 隐藏这些 div (#timeline-buttons),最好使用 fade() 技术。
我尝试过 Viewport 插件,但无法让它与 if 语句一起正常工作,我确信它可以通过正常的 jQuery 通过某种方式测量 div 高度来完成。
感谢任何建议,提前致谢。
最佳答案
隐藏绿色箭头,然后滚动,测试时间轴div位置是否大于窗口高度加上滚动偏移量。如果更大,则意味着时间线 div 位于 View 中并且应该显示箭头。
这是一个演示效果的快速 fiddle :http://jsfiddle.net/EADDt/
关于当部分位于视口(viewport)中时 jQuery 显示/隐藏 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6031649/