当部分位于视口(viewport)中时 jQuery 显示/隐藏 Div

标签 jquery viewport

我现在的代码在这里: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/

相关文章:

javascript - 如何使用 JavaScript 交换屏幕上的元素

c++ - 应重绘 Bspline,而不删除窗口的所有其余部分

opengl - 有没有超过 GL_MAX_VIEWPORTS 的有效方法?

javascript - 使用javascript检测视口(viewport)宽度是否大于Mobile Safari上的可见宽度

javascript - 动画滚动第一次不工作

jquery - div 淡出并下一个 div 向上滑动

html - viewport iphone4/4s 和媒体查询

Java:包裹在 JScrollPane 中的 JEditorPane 的奇怪行为

javascript - IMG 周围的边框

javascript - 在 .net 中使用 ajax 切换不处理动态内容的数据