1 个解决方案
比较方便的方式就是,可以通过 jquery 的插件 stickyjs
来实现.
官网地址: http://stickyjs.com
实现步骤:
第一步:
引入相关 js:
<script src="jquery.js"></script>
<script src="jquery.sticky.js"></script>
第二步:
指定一个 html 中需要固定的元素:
<script>
$(document).ready(function(){$("#sticker").sticky({
topSpacing: 10,
bottomSpacing: 10
});});
</script>
更多细节参考 github 上面的指南: https://github.com/garand/sticky