2024年10月28日
昨天发现index写漏了一个功能，为了给用户更好的体验一般网站右边都会提供一个返回顶部的按钮，正常页面载入时不显示该按钮，当我们往下移动网页时这个按钮就显示出来了，点击这个按钮我们就可以快速的滚回到顶部位置（这里是滚动回去，2345中的是直接跳回顶部的，不怎么友好，而且返回按钮一加载网页就有了，都没动何来的返回，这里明显不合逻辑），我适当的改动了下，下面是功能演示。
?
首先我们还是来写HTML代码，还是模仿2345来做的，提供了2个按钮：留言板和回顶部，这里我用的很简单，直接用一个div包裹了2个a标签，分别在a标签中嵌套了一个图标和文字内容（用到了i标签和em标签）。
2024年10月28日
一、前言
elementUI有说明文档，但我为什么还要重新写一下呢？因为文档也有坑，一开始使用时你复制进去，可能都没有效果。也不知道原因在哪，就如Backtop回到顶部的组件，不去看源码，真心不知道是怎么个所以然。一开始，我把这个组件放到我页面的底部，结果是无效果的，而且还会报css的这两个样式错误（.page-component__scroll .el-scrollbar__wrap），看完这个文档，也没找到这两个是什么东西，在哪设置。全文搜索，也没找到这两个css。最后逼我进去看Backtop组件源码，看懂后，删除了没必要的东西，放置的位置调整一下，完美解决。这也是本站使用的回到顶部的效果。以下我会贴出官方文档及源码，还有解决思路
2024年10月28日
CSS的position属性用于指定元素在文档流中的定位方式，position属性和top、bottom、left、right属性一起决定元素的最终位置。position属性拥有static、relative、absolute、fixed、sticky五个可选项，下面动画展示了一个吸顶导航菜单的样式，当向上滚动页面时导航菜单始终黏在顶部位置，使用sticky属性可以轻松实现这个效果。
2024年10月28日
<div id="parent">
<!-- 定义子级元素 -->
<div id="child">居中布局</div>
</div>通过以下CSS样式代码实现水平方向居中布局效果
2024年10月28日
PS:mounted函数下实现监听滚动条参数变化，方便监听scrollToTop是否为0，排查故障，如果一直为0，需要注意是否是overflow引起的，如果是该问题，可以overflow：visible；如果不是这个问题，可以看看外层高度是否定义，未定义设置一个100%或者固定值看看，scrollToTop是否会变化。
2024年10月28日
查看网站源代码时发现，html的最顶部多出两行。网站是用php代码写的，出现这个问题，我以为是bom头的问题，于是用代码去除了bom头，但还是不行，最后没办法了，只能一个文件一个文件的试，最后终于发现了问题的所在。