({behavior: smooth}) 在移动端不生效的问题解决 ios不平滑,使用smoothscroll-polyfill(页面平滑滚动)插件

news/2025/10/29 14:47:34/文章来源:https://www.cnblogs.com/fps2tao/p/19174420

smoothscroll-polyfill 是什么?

它是一款纯JS页面的平滑滚动插件。该插件的特点是页面滚动的行为被作为window对象的扩展,用户可以通过window对象直接调用平滑滚动的方法。

 

官方介绍及Demo

GitHub源码地址

smoothscroll-polyfill  什么使用?

  1、安装插件

npm install smoothscroll-polyfill --save

2、在main.js中全局引入该插件

import smoothscroll from 'smoothscroll-polyfill';smoothscroll.polyfill();

 3、使用该插件

 window.scroll({top: scrollTop - 20,left: 0,behavior: "smooth", //滚动条平滑滚动});

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/949907.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2025 年洗脱机源头厂家最新推荐榜,技术实力与市场口碑深度解析,甄选靠谱优质品牌隔离式双扉洗脱机/商用洗脱机/洗衣房洗脱机公司推荐

引言 在洗脱机行业快速发展的当下,为给企业采购提供可靠参考,洗涤机械行业协会联合专业测评机构开展 2025 年洗脱机源头厂家测评。测评从技术实力、产品品质、服务体系、市场口碑四大维度入手,技术实力考察研发投入…

ArkTS语言(三)

学习ArkTS语言 ArkTS是HarmonyOS的主要应用开发语言,在TypeScript基础上进行了扩展,保留了其基本风格,并通过增强静态检查和分析来提高程序的稳定性和性能。本教程将帮助开发者掌握ArkTS的核心功能、语法及最佳实践…

2025 年锻钢阀源头厂家最新推荐榜,聚焦企业技术实力与市场口碑深度解析不锈钢锻钢阀/球阀锻钢阀/碳钢锻钢阀/手动锻钢阀/锻造钢阀/丝扣锻钢阀公司推荐

引言 为精准筛选出 2025 年锻钢阀领域兼具技术实力与市场认可度的优质源头厂家,通用机械工业协会阀门分会联合行业权威检测机构开展专项测评。本次测评涵盖全国 23 个省市共 126 家锻钢阀生产企业,采用 “三维九项”…

[转] 封装超时工具方法

作者:谢杰 该文章是并发异步操作系列文章第三篇。前面介绍了关于 Promise 的相关静态方法,本篇文章来做一个实战,封装一个超时工具方法。 需求 先说一下需求,非常简单,执行异步任务的时候,异步任务完成的时间是不…

大屏布局总结

大屏布局总结大屏内容一般多且杂,根据设计图布局可分成左中右三栏或者左右两栏,Left, Center, Right 三个组件就是执行部门。 父组件 Index.vue 包含 左中右三栏。父组件作为“状态管理中心的“总指挥”它不关心具…

[转] Promise静态方法汇总 (Promise.try)

作者:谢杰 该文章是并发异步操作系列文章第二篇。早期大家学习 Promise 的时候,都是从最基础的例子开始的,例如: // 创建一个 Promise 实例 const myPromise = new Promise((resolve, reject) => {// 模拟异步任…

CT切片三维重建与STL导出MATLAB实现

读取CT切片、进行三维重建并将结果导出为STL文件格式。 function ct_to_stl_reconstruction(dicomDir, outputSTL, threshold, smoothingFactor)% CT切片三维重建与STL导出% 输入参数:% dicomDir - DICOM文件目录路径…

2025 年 LAPP 厂家最新推荐榜,技术实力与服务品质双重维度深度解析

引言 工业电缆作为生产系统的 “神经脉络”,其品质直接决定设备运行稳定性。LAPP 电缆凭借 lflex、unitronic 等核心系列产品的优异性能,成为工业自动化、石油化工等领域的优选。但市场中 37% 的供应商存在资质不全、…

基于第三方heleket api接入usdt支付

app上要接入usdt区块链支付 使用第三方通道heleket实现 heleket是国外网站,需要用魔法FQ. 官方文档地址 https://doc.heleket.com/methods/payments/qr-code-pay-form 测试页面<!doctype html> <html> &l…

2025年激光熔覆涂层制造厂权威推荐:熔覆激光/高速激光熔覆/激光熔覆源头厂家精选

激光熔覆涂层市场近年来保持稳定增长的态势。作为再制造工程的核心技术之一,激光熔覆在耐磨、防腐、耐高温等性能提升方面表现优异,广泛应用于煤炭、电力、冶金、工程机械等行业的关键部件修复与强化。 本次评选从企…

Legacy模式虚拟机,grub文件丢失如何处理

前面我们介绍了如何修复UEFI模式下CentOS虚拟机的grub引导,下面来介绍一下Legacy模式下CentOS虚拟机的grub引导如何修复,两者大致一样,但是有一些细微的区别。包括引导时所用的命令,以及grub文件所在的路径。 在gr…

2025年省电中央空调品牌权威推荐榜单:双出风中央空调/一拖四中央空调/智能中央空调品牌精选

在节能减排政策推动和能源成本上升的双重背景下,省电性能已成为中央空调选购的核心指标。根据行业数据显示,高效中央空调系统相比传统机型可实现30%-50%的运行能耗降低,这意味着大型商业场所年节电量可达数十万度,…

魔域电脑版下载安装教程:重返经典魔幻世界的完整攻略(含新手入门+登录异常修复)

本文详解《魔域》电脑版的下载与安装教程,覆盖新手入门指南、幻兽系统玩法解析、登录异常(0xc0000142)修复方法及版本对比。 关键词优化:魔域电脑版下载、魔域安装教程、魔域登录错误、魔域怀旧版、魔域游戏下载。 适…

学术会议会议合集 | 大数据、智慧医学 、数据管理 、计算机科学 、管理科学等EI会议合集

大数据、智慧医学 、数据管理 、计算机科学 、管理科学等EI会议合集2025年大数据与智慧医学国际学术会议(BDIMed 2025) 2025 International Conference on Big Data and Intelligent Medicine(BDIMed 2025) 重要信…

K8S使用开源CEPH作为后端StorageClass

1 引言 K8S在1.13版本开始支持使用Ceph作为StorageClass。其中云原生存储Rook和开源Ceph应用都非常广泛。本文主要介绍K8S如何对接开源Ceph使用RBD卷。 K8S对接Ceph的技术栈如下图所示。K8S主要通过容器存储接口CSI和C…

2025 年锅炉厂家最新推荐榜:智能控制与稳定可靠品牌综合测评结果及优质厂商名单电锅炉/蒸汽锅炉/燃气锅炉/燃油锅炉/电蒸汽锅炉公司推荐

引言 随着工业、商业及民生领域热能需求激增,锅炉设备的性能与品质愈发关键。为帮助企业精准筛选优质品牌,特种设备安全与节能协会联合行业权威机构开展 2025 年锅炉制造商综合测评,本次测评覆盖全国 120 余家主流厂…

Python自动化之Docx文档处理(二)

1 基本概念 1.1 python-docx-template模块 虽然前面提到的python-docx模块让我们能使用python代码写word,但正常情况下我们写word文档肯定都是直接使用office或wps之类的办公软件。更常用的需求是拿到一个word模板,用…

Python自动化之Docx文档处理(一)

1 基本概念 1.1 python-docx模块 相信大家在日常工作中,免不了要处理word文档,今天就介绍一个能通过python处理word文档的模块,python-docx[1]。 安装python-docx模块pip install python-docx然后通过官方的python代…

替换 Android APEX 下属动态库的方法

先确定要替换的库属于哪个 APEX 包,再替换库文件所属的整个 APEX 包。只单独替换 APEX 包下的库文件,会导致系统无法启动。Qidi Huang 2025.10.29 1. 确定要替换的库属于哪个 APEX 包 比如要替换 libaudioroute.so,…

配置管理工具-Confd

1 简介 1.1 Confd介绍 Confd是一个轻量级的配置管理工具。通过查询后端存储,结合配置模板引擎,保持本地配置最新,同时具备定期探测机制,配置变更自动reload。对应的后端存储可以是etcd,redis、zookeeper等。[1] 通…