是否有可能使垂直粘性但不水平粘性? 欢呼声 阿里只有垂直粘HTML分区
2
A
回答
5
你在纯粹的CSS这样做的唯一机会涉及position: fixed
属性,但这需要基于窗口不变的偏移量。
您可以用位的jQuery做到这一点很简单,如果你熟悉JavasSript库:
$(window).bind('scroll resize', function() {
$('#the-sticky-div').css('top', $(this).scrollTop());
});
这一点需要一些CSS也使其能够工作:
#the-sticky-div {
position: relative;
}
2
我认为,如果你将元素的绝对位置,然后只设置其顶部为零,它应该只能坚持顶部。
3
我无法理解的矛盾报表,所以我会回答的第一个;)
position: fixed
是你在这种情况下的朋友,但我不知道它如何,不能垂直粘在同一时间...
相关问题
- 1. mySQL垂直分区示例
- 2. 垂直滚动分区
- 3. HTML垂直分隔线
- 4. 水平垂直只有线
- 5. iframe - 垂直滚动只有
- 6. 粘柱垂直滚动
- 7. block_head分区中的HTML CSS表单(组合框)垂直对齐
- 8. MySQL中表格的垂直分区
- 9. 只有垂直滚动条与垂直边缘的div
- 10. HTML垂直对齐
- 11. 固定位置div只有垂直
- 12. 我们是否在mongodb中有垂直分区...?
- 13. flexbox垂直居中加一个粘脚
- 14. 3垂直部分
- 15. HTML - 格式化垂直表
- 16. 垂直居中图像html
- 17. HTML自举对准垂直
- 18. 垂直居中HTML标头
- 19. 中心垂直元素HTML
- 20. HTML垂直滑块元素
- 21. HTML垂直对齐问题
- 22. 垂直滚动为html表
- 23. html div垂直对齐
- 24. 垂直栏定位HTML
- 25. HTML - 垂直对齐表格
- 26. 垂直堆叠html元素
- 27. IgniteSqlRDD只有一个分区
- 28. 报告垂直分组
- 29. UICollectionView垂直分隔符
- 30. UICollectionView垂直加载部分
什么的... – 2011-01-06 04:06:41
真的..真的?!? – jondavidjohn 2011-01-06 04:07:31
什么会导致它水平移动?只是初始布局,还是你期望元素在页面布局改变时来回推送它? – Phrogz 2011-01-06 04:09:01