bootstrap 如何实现滑动页面时,右边栏保持位置固定,类似知乎首页

bootstrap 如何实现滑动页面时,右边栏保持位置固定,类似知乎首页

1 个解决方案

AllenJiang
中间件研发,关注微信公众号 : 小哈学Java, 回复"666", 即可免费领取10G学习&面试资料

比较方便的方式就是,可以通过 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