利用JavaScript怎么实现一个页面侧边栏效果

目前csdn官网PC端眨眼发布页面的图片上传就用了类似这个功能。

后来还是觉得这种方式需要涉及js对页面结构的改变,于是乎…

实现:如何实现文首展示的效果

这基于位置定位是会“重合”的:<强>在两个行内元素都设置了定位属性(但没有加顶/左/底/右定位)后,后面的会覆盖前面的;这时候可以通过边缘移动位置展示。

只能是行内元素,行内块元素都不行。——云小梦

它大概结构是这样的:

& lt; div 类=皃age_list"比; 　　& lt; div 类=皕_two_page"祝辞 　　& lt; !——,这里放右侧弹框展示的信息,——比; 　　& lt;/div> 　　& lt; div 类=癰ox"祝辞 　　& lt; !——,“页面“的遮罩层,——比; 　　& lt; div 类=皕b_mask"祝辞& lt;/div> 　　& lt; !——,这里放“页”面数据结构(也就是原本应该在身体标签下的所有东西),——比; 　　& lt;/div> 　　& lt; !——,这是占位元素,——比; 　　& lt; div 类=皊pace"祝辞& lt;/div> 　　& lt;/div>

实际就像这样的:

& lt; div 类=皃age_list"比; 　　& lt; div 类=皕_two_page"祝辞哈哈哈& lt;/div> 　　& lt; div 类=癰ox"祝辞 　　& lt; div 类=皕b_mask"祝辞& lt;/div> 　　 　　& lt; div  id=癰oxs"祝辞 　　,& lt; div 类=發eft",祝辞& lt;/div> 　　,& lt; div 类=皉ight",在 　　,flex下两列布局左边固定右边宽高自适应 　　,& lt;/div> 　　& lt;/div> 　　& lt; div 类=癱olor"祝辞& lt;/div> 　　& lt; a  https://www.yisu.com/zixun/href=" # " rel==" ">“外部nofollow”类千万小心像对一个设置全局样式(这叫啥样式重置) 　　

　　

　　<按钮类="但是">到指定地点> 　　<形式id="形式" action=" # ">