js滚动到对应元素scrollIntoView
发表于|更新于
|浏览量:
娇柔做作,失去真实的不是美,充满了富贵荣华的名利思想,也不是真美。——孟德斯鸠
文档:
Element.scrollIntoView() - Web API | MDN
用法:
1 | scrollIntoView() |
例如我选中某个元素执行
1 | const element = document.getElementById("box"); |
相关推荐
2025-03-19
primer-css
只要条件许可,机会成熟,人人都是想作恶的。——叔本华 介绍 Primer CSS:GitHub 的设计系统最近,我在寻找一个强大的设计系统来提升我的项目 UI 设计时,发现了 GitHub 的设计系统——Primer CSS。今天,我将为大家详细介绍一下这个优秀的项目,帮助你更好地了解和使用它。 什么是 Primer CSS?Primer 是 GitHub 的设计系统,提供了一套完整的 CSS 实现,旨在帮助开发者快速构建一致且美观的用户界面。无论你是开发者还是设计师,Primer CSS 都能为你的项目提供强大的支持。 项目概述Primer CSS 是 GitHub 开发和维护的开源项目,自 2015 年 3 月 19 日创建以来,已经吸引了超过 1.2 万个星标和 1244 个 forks。该项目使用 SCSS 语言编写,遵循 MIT 许可证,确保其免费和开源。 项目特点 一致性:Primer CSS 提供了一套统一的样式和组件,确保你的项目在各个页面和模块之间保持一致。 高效:通过使用 Primer CSS,你可以快速构建和维护用户界面,节省大量的开发时间。 可定制:P...
2024-09-15
Vitest集成github action
精神上最好的避难所还是书本:它们既不会忘了你,也不会欺骗你。——罗曼·罗兰 我们已经知道vitest是一个很好用的单元测试框架,我们今天聊一下如何在github action集成vitest 首先我们创建项目 1234567891011121314151617181920212223242526272829303132333435363738394041424344Last login: Mon Sep 9 16:43:09 on ttys004 The default interactive shell is now zsh.To update your account to use zsh, please run `chsh -s /bin/zsh`.For more details, please visit https://support.apple.com/kb/HT208050.Github-Id-VampireAchao:streampark achao$ cd /Users/achao/IdeaProjects/simple-vitest# 安装vitest...
2024-11-15
uniapp-x之uts插件运行hutool
若要为自己而活,首先必须为别人而活。——色内卡 注意这里是安卓真机设备 注意配置好HBuilderX的gradle配置、JDK配置、安卓SDK配置等,在HBuilderX的运行配置中能找到 首先HBuilderX新建一个uniapp-x工程 就是在uni-app项目默认模板下面勾选uni-app x 然后先运行到安卓手机上,我们自定义一个基座 HBuilderX选择运行——运行到手机或模拟器——制作自定义调试基座 我这里输入包名,等待云打包完成后即可在运行到Android真机设备时选择自定义基座运行 然后我们右键新建一个目录叫uni_modules,右键uni_modules新建uni_modules插件 选择UTS插件-API插件新建,我这里输入的名字叫dromara-hutool 新建以后我们在uni_modules/dromara-hutool/utssdk/app-android/config.json中引入hutool的依赖 123456{ "minSdkVersion": "21", "dependenc...
2023-03-11
css-diner
即使是最神圣的友谊里也可能潜藏着秘密,但是你不可以因为不能猜测出朋友的秘密而误解了他——贝多芬 分享一个网站css-diner https://flukeout.github.io/ 其能够让你通过益智的方式学习css选择器 例如此处两个盘子,对应的标签为plate,鼠标移动上去还有高亮,我们需要选中所有的盘子则使用plate标签选择器 源码地址:https://github.com/flukeout/css-diner
2023-11-15
emberjs
合抱之木,生于毫末;九层之台,起于累土;千里之行,始于足下。——老子 分享一个js框架 https://emberjs.com/ Ember.js 是一个高效的、经过实战考验的 JavaScript 框架,用于构建现代 Web 应用程序。它包括构建可在任何设备上运行的丰富 UI 所需的一切。 它的语法: 123456789import Route from '@ember/routing/route';export default class IndexRoute extends Route { async model() { return { title: 'Grand Old Mansion' }; }} 对应的页面 1<h1>{{@model.title}}</h1> 使用的是.hbs后缀的模板文件,语法和vue有些异曲同工之妙,是一个很值得学习的库 其emberjs约定大于配...
2025-07-24
docxtemplater
读书多了,容颜自然改变,很多时候,自己可能以为许多看过的书籍都成了过眼云烟,不复记忆,其实他们仍是潜在的。在气质里,在谈吐上,在胸襟的无涯,当然也可能显露在生活和文字里。——三毛《送你一匹马》 用 @open-xml-templating/docxtemplater 打造你的“文档工厂”——让 Word/PPT 自动生成嗨起来!你是否还在手动复制粘贴合同、发票、项目报告,一遍遍改名字、换日期,搞得筋疲力尽?有没有想过,让电脑帮你批量生成那些枯燥的 Word 或 PPT 文档,让你轻松变身“文档魔法师”?今天就来聊聊超实用、超好玩的神器——@open-xml-templating/docxtemplater,一行代码让你的文档自动化飞起! 什么是 docxtemplater?一键变身文档魔术师!docxtemplater 是什么?一句话总结:它能让你的 Word(docx)和 PPT(pptx)模板“长出脑子”,自动帮你填数据、批量造文档,而且模板还可以直接用 Word 编辑,妈妈再也不用担心我不会写 XML! 它支持各种花式玩法: {na...

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