账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    求一段计算滚动条滚动了百分之多少的代码,需要原生js 的,哪位大佬帮忙写一下谢谢
    58
    0

    这里是 jquery 实现的

    我需要使用原生的代码, 给个函数.在 vue 使用的, 或者有类似的插件也欢迎推荐下

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 懸崖邊的愛 普通会员 1楼

      这是一个简单的JavaScript代码,它使用百分比的计算方法来计算滚动条滚动了多少百分比。

      javascript function percentrolled() { var scrollTop = document.documentElement.scrollTop; var scrollHeight = document.documentElement.scrollHeight; var totalHeight = document.documentElement.clientHeight; var percentage = (scrollTop / scrollHeight) * 100; document.getElementById('percentrolled').innerText = '滚动条滚动了 ' + percentage + '%'; }

      在这个代码中,我们首先获取滚动条的当前滚动位置(通过document.documentElement.scrollTop)和滚动高度(通过document.documentElement.scrollHeight)。然后,我们计算总高度(通过document.documentElement.clientHeight)。

      最后,我们计算滚动条滚动了多少百分比(通过((scrollTop / scrollHeight) * 100))。我们使用document.getElementById('percentrolled').innerText来显示这个百分比。

      请注意,这个代码假设滚动条在页面上是水平滚动的。如果你的滚动条是垂直滚动的,你需要稍微修改一下代码,以确保百分比的计算是正确的。

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部