ScrollSpy与AngularJS和Waypoint(无框架)

时间:2015-07-22 08:41:06

标签: html css angularjs triggers angular-ui-bootstrap

我们制作了一个 ScrollSpy UI 组件,当内容达到屏幕顶部时会激活该组件。一旦用户向下滚动Scrollspy的内容,一切都会移出屏幕和页脚向上滚动。

除了滚动导航之外,我还有左侧定位固定的内容要点,在内容滚动之前一直保持在视图中。

我正在使用Angular UI Bootstrap和 Waypoint 来触发ScrollSpy行为的开始

Earlier Approach Current Approach

早期方法中,我制作了“左主题部分”和“滚动导航”position: fixed和内容边距 - 左边25%并再次“左主义部分”和“滚动导航”{在页脚进入视口后(由WayPoint触发){1}} 这使得它非常不规则和随机,“Scroll nav”,“gist section”在页脚到来之前移出,有时在它到达顶部之前被触发

最近的方法中,我将“滚动导航”等定位为绝对且内容为position Static/AbsoluteOverflow: scroll,并将此部分的滚动条设为height: 760px,但现在的问题是,当您不滚动该内容或使用Side主滚动条时,不会发生任何影响。并且当高度为760px时,内容不可见,用户不知道发生了什么

0 个答案:

没有答案