js滚动到对应元素scrollIntoView
发表于|更新于
|浏览量:
娇柔做作,失去真实的不是美,充满了富贵荣华的名利思想,也不是真美。——孟德斯鸠
文档:
Element.scrollIntoView() - Web API | MDN
用法:
1 | scrollIntoView() |
例如我选中某个元素执行
1 | const element = document.getElementById("box"); |
相关推荐
2022-06-25
fokus
死亡,就是你加上这个世界,再减去你。——卡尔维诺 分享一个好玩的开源项目,演示地址: https://lab.hakim.se/fokus/ 代码仓库:https://github.com/hakimel/Fokus 演示效果: 当我们在页面上框选时,会在页面上加个蒙版,高亮框选区域 使用方式,首先下载fokus.min.js 官方链接 备用链接 然后引用 1<script src="/js/fokus.min.js"></script> 最后编写代码(随便写点) 1234567891011121314151617181920212223242526272829303132333435363738394041<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...
2021-12-08
nvue中list组件下拉刷新后无法上拉加载更多
倘能生存,我当然仍要学习。——鲁迅 组件官网地址:https://uniapp.dcloud.io/component/list 今天在使用list组件时,发现下拉刷新一次后,就不能上拉加载更多了 最后发现官方文档: loadmore 事件 如果列表滚动到底部将会立即触发这个事件,你可以在这个事件的处理函数中加载下一页的列表项。 如果未触发,请检查是否设置了loadmoreoffset的值,建议此值设置大于0 如何重置 loadmore 1234567891011121314151617181920212223<template> <list ref="list"> <cell v-for="num in lists"> <text>{{num}}</text> </cell> </list></template><script> export defaul...
2025-11-07
apache-shenyu对接mcp-server-swagger-import
友谊是两颗心真诚相待,而不是一颗心对另一颗心的敲打。——鲁迅《鲁迅杂文选》 本次 PR(https://github.com/apache/shenyu-dashboard/pull/556)主要为 ShenYu Dashboard 的 MCP Server 管理模块引入了 Swagger 文件导入的前端支持。改动点如下: 主要涉及文件及改动说明 src/locales/en-US.json、src/locales/zh-CN.json 改动: 新增多条与 Swagger 导入相关的中英文国际化文案,如“Swagger Import”、“Swagger URL”、“项目名称”等。 目的: 确保新增页面和弹框的所有 UI 字段均能国际化显示。 src/models/mcpServer.js 改动: 引入并注册了 mcpSwaggerImport 的异步 effect。 新增了 swaggerImport generator 方法,通过 redux-saga 管理,与后端交互处理导入流程,反馈成功/失败提示,并在必要时回调刷新页面数据。 目的: 规范导入业...
2025-04-18
zod
人们因为能忘却,所以自己能渐渐的脱离了受过的苦痛,也因为能忘却,所以照样得再犯前人的错误。——鲁迅 探索 Zod:TypeScript-first 的模式验证库在现代 JavaScript 和 TypeScript 开发中,数据验证是不可或缺的一部分。而 Zod,一个以 TypeScript 为中心的模式验证库,提供了简洁、强大的工具来解决这一问题。本文将带你了解 Zod 的核心功能、使用方法及其开发者友好的特性。 什么是 Zod?Zod 是一个专为 TypeScript 设计的模式声明和验证库,旨在简化开发者的工作。它允许你定义模式(schema),并自动推断出 TypeScript 类型,同时对运行时数据进行验证。 Zod 的核心特点: TypeScript-first:Zod 的设计完全围绕 TypeScript,能够利用其类型推断和静态检查功能。 零依赖:与其他库不同,Zod 是一个零依赖的轻量级库,体积仅为 8kb(minified + gzipped)。 函数式编程风格:Zod 提供了一种连贯的链式接口,支持函数式编程。 跨平台支持:支持 Node.js 和现代...
2023-01-27
electron-egg
醉过才知酒浓,爱过才知情重。你不能做我的诗,正如我不能做你的梦。——胡适 分享一个入门简单、跨平台、企业级桌面软件开发框架。 https://gitee.com/dromara/electron-egg 📦 特性 🍄 跨平台:一套代码,可以打包成windows版、Mac版、Linux版、国产UOS、Deepin、麒麟等 🌹 简单高效:只需学习 js 语言 🌱 前端独立:理论上支持任何前端技术,如:vue、react、html等等 🌴 工程化:可以用前端、服务端的开发思维,来编写桌面软件 🍁 高性能:事件驱动、非阻塞式IO 🌷 功能丰富:配置、通信、插件、数据库、升级、打包、工具… 应有尽有 🌰 安全:支持字节码加密、压缩混淆加密 💐 功能demo:桌面软件常见功能,框架集成或提供demo 🌻 更多功能请看文档 官方文档:https://www.yuque.com/u34495/mivcfg
2025-11-22
playcanvas-engine
生活就像一盒巧克力,你永远不知道下一颗是什么味道。——阿甘·弗雷斯 PlayCanvas Engine 深度观察:在浏览器原生跑起来的开放式 3D/WebXR/WebGPU 游戏引擎 仓库地址:playcanvas/engine描述:Powerful web graphics runtime built on WebGL, WebGPU, WebXR and glTF官网:PlayCanvas 网站 | 用户手册 | API Reference | 在线示例 | 官方博客(这些入口均在 README 顶部有导航)许可证:MIT语言:JavaScript / TypeScript(脚本可二选一)核心技术关键字(源自仓库 Topics):webgl webgl2 webgpu webxr gltf game-engine gaussian-splatting 等 PlayCanvas Engine 是一个完全开源、浏览器原生运行的实时 3D / 游戏 / 交互内容引擎。它的定位并不是“另一个封装层”,而是一套将现代 W...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog