第三版主题开发
第二版主题已经成熟阶段,但是相对于移动端来说还有很多细节需要处理。主题自己在用,没有对外公开过,显然这些细节也是自己在一力承担着,逐渐的修复,完善,以求达到尽善尽美。
第三版主题也默默的开始开发,相对来说,由于之前开发第二版的时候累积了丰富的经验,这次相对来说,核心代码不会改动太多,反而前端的 Css 代码会重写,配色、布局,都做了很大的改变。尝试放弃瀑布流的布局,现在还在考虑以什么样的方式进行文章列表布局,或许会应用到布局切换模式!
第三版最难的地方就是我接触到了我从来没有想过的东西,居然也是 Css,一个代替 Position:fixed 的 position: sticky,可以设置滚动到达的位置;结合上下左右四个方向元素就可以组合成一个定位元素:
position: sticky;
top: 0;
同步可设置一个区域内滚动而不受 body 的滚动条支配;设置了滚动条的样式,尤其是火狐浏览器,不能改变外貌的情况下只能改变大小;
scrollbar-width: thin;
scrollbar-gutter: auto;
scrollbar-color: #4f4f50 #212122;
overscroll-behavior: none;
position: sticky !important;
position: -webkit-sticky !important;
top: 70px;
bottom: 0;
overflow: scroll;
一个遗忘的参数,相对定位的 z-index 才能生效。
调用分类列表做成的网站导航,大大提高了灵活性,并可以进行自我布局设置,点击这里查看更新 …
更多开发过程中所学到的东西会在这里跟帖更新 ……
Last Updated On Feb 14, 2023 At 08:04:13 PM