您现在的位置是：网站首页> 编程资料编程资料

css实现网页栏目左侧固定当滚动到底部时自动调整位置 CSS实现底部tapbar栏功能

2021-09-04 936人已围观

简介 这篇文章主要介绍了css实现网页栏目左侧固定当滚动到底部时自动调整位置 ,需要的朋友可以参考下

预览地址：

https://ovsexia.gitee.io/leftfixed/

html:












































css

 @charset "utf-8"; .clear {clear:both; height:0 !important; width:0 !important; overflow:hidden; font-size:0;} .top {width:100%; height:150px; background:#0CC;} .bottom {width:100%; height:400px; background:#39C;} .page {width:1200px; margin:20px auto; position:relative;} .left {width:200px; float:left;} .left_in {width:200px; background:#46bc67; border-top:3px solid #000; border-bottom:3px solid #000;} .left_in.on {position:fixed; top:0;} .left_poi {width:100%; height:1px; overflow:hidden;} .right {width:960px; height:2100px; float:right; overflow:hidden; background:#FC3;}

总结

以上所述是小编给大家介绍的css实现网页栏目左侧固定当滚动到底部时自动调整位置 ，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

上一篇：详解网站footer沉底效果的三种解决方案使用常见的sticky footer布局方式CSS Sticky Footer实现代码CSS实现footer“吸底”效果CSS实现Sticky Footer的示例代码html的footer置于页面最底部的简单实现方法纯css 实现footer 一直在页面底部，不随页面滚动footer 贴在底部的布局实现代码

下一篇：CSS 类名的问题详解CSS类名支持中文命名的示例切勿用数字开头来命名css伪类名CSS 类名的长命名和短命名

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网