首页 > 其他分享 >实现一个js平滑滚动到顶部的小功能

实现一个js平滑滚动到顶部的小功能

时间:2023-05-10 10:33:24浏览次数:33  
标签:滚动 平滑 move js scrollDom scrollTop speed

// 平滑滚动到顶部 // scrollDom 出现滚动条,要滚动的元素 // speed 平滑滚动的速度 number类型 const scrollToTopSmooth = (scrollDom, speed) => {   let scrollTop = scrollDom.scrollTop   function move() {     scrollTop -= speed     scrollDom.scrollTop = scrollTop     if (scrollTop > 0) {       window.requestAnimationFrame(move)     } else {       scrollDom.scrollTop = 0     }   }   move() } export default scrollToTopSmooth

标签:滚动,平滑,move,js,scrollDom,scrollTop,speed
From: https://www.cnblogs.com/shidawang/p/17387221.html

相关文章

  • C#-JSON详解
      最近在做微信开发时用到了一些json的问题,就是把微信返回回来的一些json数据做一些处理,但是之前json掌握的不好,浪费了好多时间在查找一些json有关的转换问题,我所知道的方法只有把json序列化和反序列化一下,但是太麻烦了我觉得,所以就在找一些更简单又方便使用的方法。也许这个会......
  • nodejs
    node.js学习笔记1fs模块概念fs全称为filesystem,称之为文件系统,是Node.js中的内置模块,可以对计算机中的磁盘进行操作。文件写入文件写入就是将数据保存到文件中,我们可以使用如下几个方法来实现该效果方法说明writeFile异步写入writeFileSync同步写入......
  • 利用NewtonSoft.Json的JsonScheme校验数据格式
    推送的报文信息,需要校验格式是否正确,必传的是否传了,字符串长度是否超长。之前是把报文反序列化为类后,一个字段一个字段进行校验。JsonSchema可以一次性校验校验对象的格式,如下:{"type":"object","properties":{"soId":{"type":"string",......
  • js基础---事件
    事件的概念与使用方法js标签引入的时机......
  • 用print-js实现打印功能时element table组件打印不全的问题
    插件下载:npminstall--saveprint-js解决方案,修改print.js里面的 getHtml//打印类属性、方法定义/*eslint-disable*/constPrint=function(dom,options){  if(!(thisinstanceofPrint))returnnewPrint(dom,options);  this.options=this.exten......
  • Python获取jsonp数据
    使用python爬取数据时,有时候会遇到jsonp的数据格式,由于不是json的,所以不能直接使用json.loads()方法来解析,需要先将其转换为json格式,再进行解析。在前面讲了jsonp的原理,这里就略过一部分。jsonp的格式jsonp的内容一般是这样的:callback({"name":"zhangsan","age":18......
  • js中的this
    js中的this指向首先this是动态的,在函数调用前是无法预知的,只有函数被调用后this才被确定。函数调用的5种情况通过对象调用函数,this指向对象直接调用函数,this指向全局对象如果通过new调用函数,this指向新创建的对象如果通过apply、call、bind调用函数,this指向指定的数据如......
  • js基础---date的格式化与exec()正则表达式
    exec():获取字符串中符合正则表达式的内容。正则表达式中的匹配模式:i代表忽略大小写,g代表全局匹配......
  • 使用富文本编辑,内容有<img src=xxx//xx//xx>报错:JSON parse error: Unexpected charac
     前端使用富文本标签,填写内容里面有图片地址或一些特殊字符,保存时导致报错后台json不能解析内容到实体类相应的字段中去报错代码:JSONparseerror:Unexpectedcharacter('\'(code92)):...解决办法:1、有的说在配置xss过滤时开放,保存的请求接口地址。————————......
  • python+selenium+js操作网页元素
    调用JS语法需要用到selenium中的方法 execute_script() ,参数直接填写JS语法。#1、通过元素id属性,获取元素document.getElementById('id');#2、通过元素name属性,获取元素列表document.getElementsByName(‘name’);#3、通过标签名,获取元素列表document.getElementsByT......