我们制作了一个 ScrollSpy UI 组件,当内容达到屏幕顶部时会激活该组件。一旦用户向下滚动Scrollspy的内容,一切都会移出屏幕和页脚向上滚动。
除了滚动导航之外,我还有左侧定位固定的内容要点,在内容滚动之前一直保持在视图中。
我正在使用Angular UI Bootstrap和 Waypoint 来触发ScrollSpy行为的开始
Earlier Approach 和 Current Approach
在早期方法中,我制作了“左主题部分”和“滚动导航”position: fixed
和内容边距 - 左边25%并再次“左主义部分”和“滚动导航”{在页脚进入视口后(由WayPoint触发){1}}
这使得它非常不规则和随机,“Scroll nav”,“gist section”在页脚到来之前移出,有时在它到达顶部之前被触发
在最近的方法中,我将“滚动导航”等定位为绝对且内容为position Static/Absolute
和Overflow: scroll
,并将此部分的滚动条设为height: 760px
,但现在的问题是,当您不滚动该内容或使用Side主滚动条时,不会发生任何影响。并且当高度为760px时,内容不可见,用户不知道发生了什么