实现视口固定效果
FXSTR Angular Sticky是一款用于将HTML元素粘贴到视口的角度指令插件,即使用户向下滚动,粘性元素也会保持在视口位置。特性:当粘性元素高于视口时,它会表现为普通元素,直到其位置到达底部才会粘贴固定。您可以指定不与粘性元素重叠的页面区域(如页脚)。此外,您还可以指定只有在另一个元素可见时才应用粘性,以便在不同显示尺寸下限制粘性效果。
安装:可以通过手动下载或使用Bower安装插件:
$ bower install fxstr-sticky-element
用法简要:
<div data-sticky-element-bottom-selector='\".footer\"' data-sticky-element-depend-on='\".m\"' data-sticky-element-margin='\"20\"'>
div>
这样可以轻松实现粘性元素的页面粘贴效果,为您的页面提供优雅的滚动粘性特效。
下载地址
用户评论