写了一个简单的监听滚动条事件

J20220913

已于 2023-02-09 16:49:09 修改

阅读量227

点赞数

文章标签： css javascript 前端

于 2023-02-09 16:38:14 首次发布

本文链接：https://blog.csdn.net/J20220913/article/details/128955348

版权

本文介绍了如何使用JavaScript实现简单的滚动条监听事件，当鼠标滚动到一定距离时显示返回顶部按钮。同时，文章讲解了CSS中的writing-mode属性，用于文字的垂直排列，包括各种排列方式的示例，并提醒在使用writing-mode时，line-height无效，应使用letter-spacing调整字间距。

摘要由CSDN通过智能技术生成

写了一个简单的监听滚动条事件

描述

鼠标滚动到一定距离，点击回到顶部按钮就会出现，初始状态是隐藏的，下面开代码


// html 部分

 <div>
        我是首页面
        <div class="arrow">回到顶部</div>
 </div>

// css  样式部分

<style>
    body {
   
        background-color: antiquewhite;
        height: 3000px;
    }
    .arrow {
   
        /* 字体排列模式 */
        writing-mode: