1. 首页
  2. 考试认证
  3. 其它
  4. 实现视口固定效果

实现视口固定效果

上传者: 2024-10-28 17:52:42上传 ZIP文件 4.42KB 热度 6次

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>

这样可以轻松实现粘性元素的页面粘贴效果,为您的页面提供优雅的滚动粘性特效。

下载地址
用户评论