js滚动到对应元素scrollIntoView
发表于|更新于
|浏览量:
娇柔做作,失去真实的不是美,充满了富贵荣华的名利思想,也不是真美。——孟德斯鸠
文档:
Element.scrollIntoView() - Web API | MDN
用法:
1 | scrollIntoView() |
例如我选中某个元素执行
1 | const element = document.getElementById("box"); |
相关推荐
2024-06-01
dialog标签
懂得兜圈子,绕道而行的人,往往是第一个登上山峰的人。——佚名 今天分享一个html标签dialog <dialog>:对话框元素 - HTML(超文本标记语言) | MDN 这是一个2022年新增的新标签 说白了就是一个弹框 简单示例: 123456<dialog open> <p>Greetings, one and all!</p> <form method="dialog"> <button>OK</button> </form></dialog> 我们可以对齐增加一个动画: 代码出处: Animating <dialog> 123456789101112131415161718192021222324<!-- Transition or Animate a <dialog> Modal Open + closed state Problem: The browser display:none;...
2025-05-31
remix
精诚所加,金石为开。——《后汉书·光武十王列传》 https://remix.run/ https://github.com/remix-run/remix Remix:现代化的全栈 Web 框架随着 Web 开发技术的不断演进,开发者对框架的要求不仅局限于前端性能的优化,还包括后端数据处理、SEO 支持以及高效的开发体验。为了解决这些需求,Remix 应运而生。 Remix 是一个现代化的全栈 Web 框架,专注于提供最佳的开发者体验和用户体验。它以渐进增强的理念为核心,帮助开发者构建快速、可交互性强、并且易于扩展的 Web 应用。 什么是 Remix?Remix 是一个开源的全栈 Web 框架,致力于优化应用的性能和开发体验。它允许开发者同时处理客户端和服务端逻辑,使得应用的交互性和性能达到最佳状态。 Remix 的核心优势包括: 服务端渲染(SSR):通过服务端渲染提高初次加载速度和 SEO 表现。 渐进增强:支持现代浏览器功能,同时为低性能设备提供良好体验。 路由驱动开发:基于文件系统的路由,让开发者专注于功能实现。 数据加载优化:支持服务端数据加载和缓存机制,减...
2021-04-13
学习uni-app官方教程
生命是一条奔流不息的河,我们都是那个过河的人。——席慕蓉 官网 我们直接实战 创建两个项目 从hello-uniapp中复制common文件夹以及static下面的uni.ttf文件到news项目同目录下 然后是复制App.vue中的样式库 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091<script> export default { onLaunch: function() { console.log('App Launch') }, onShow: function() { console.log('App Show') }, onHide: fun...
2022-10-08
vue-cropper
青春是一种持续的陶醉,是理智的狂热。——拉罗什富科 分享一个vue图片裁剪组件 官网:https://github.xyxiao.cn/vue-cropper/ 演示demo:http://github.xyxiao.cn/vue-cropper/example/ 还是很不错的 1. 安装1234# npm 安装npm install vue-cropper# yarn 安装yarn add vue-cropper 如果你没有使用 npm 在线例子vue-cropper + vue.2x 在线例子vue-cropper@next + vue.3x 服务器渲染 nuxt 解决方案 设置为 ssr: false 1234567891011module.exports = { ... build: { vendor: [ 'vue-cropper ... plugins: [ { src: '~/plugins/vue-cropper', ssr: false } ...
2023-01-04
css渐变实现杂色
团结就是力量——毛泽东 思路出处:https://css-tricks.com/making-static-noise-from-a-weird-css-gradient-bug/ 这是一个通过css渐变产生的锯齿BUG实现的噪点效果 例如我们使用径向渐变画两个圆,这里用的径向渐变函数radial-gradient,其中第一个参数是距离中心点近的渐变样式,第二个是远一些的,每个参数中第一项是颜色,第二项是区域 这里的: 从中心点进行沿半径进行渐变 123456789101112131415<div class="box"></div><div class="box"></div><style> .box { display: inline-block; width: 300px; aspect-ratio: 1; margin: 10px; border: 2px solid red; background: radial-gradient(#000...
2023-09-12
安装prettier-vscode并指定
纯洁的思想,可使最微小的行动高贵起来。——莎士比亚 我们在使用vscode格式化代码时,可能有多个可选的格式化风格方案,这里使用prettier进行 其github地址: https://github.com/prettier/prettier-vscode 安装完毕后即可指定

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