js滚动到对应元素scrollIntoView
发表于|更新于
|浏览量:
娇柔做作,失去真实的不是美,充满了富贵荣华的名利思想,也不是真美。——孟德斯鸠
文档:
Element.scrollIntoView() - Web API | MDN
用法:
1 | scrollIntoView() |
例如我选中某个元素执行
1 | const element = document.getElementById("box"); |
相关推荐
2023-03-20
svelte
我宁肯忘掉亏欠自己的而不愿忘掉亏欠别人的。——贝多芬 分享一个前端框架svelte 官网:https://svelte.dev/ 仓库链接:https://github.com/sveltejs/svelte 语法非常的简单容易上手 12345<script> let name = 'world';</script><h1>Hello {name}!</h1> 同样是响应式 非常的有意思 使用也很简单 1234npm create svelte@latest myappcd myappnpm installnpm run dev
2020-11-28
setInterval
坍圮的殿堂总还是庙,冷落的圣像依然是神。 在前端开发中我们或许想定时做一些操作 可以使用一个setInterval函数去做 123456// 定时控制台打印rubensetInterval(function () { console.log("ruben");}, 1000);// 定时控制台打印achao,注意这里是使用字符串形式写法setInterval('console.log("achao");', 1000); 可以打开控制台看到效果
2022-06-20
虚拟列表
我来到这个世界,为了看看太阳和蓝色的地平线。——《城门开》 分享一个vue虚拟列表的组件: https://github.com/tangbc/vue-virtual-scroll-list 官方文档: https://tangbc.github.io/vue-virtual-scroll-list 沙盒: https://codesandbox.io/s/live-demo-virtual-list-e1ww1 使用方式: 1pnpm install vue-virtual-scroll-list --save 示例: 12345678910111213141516171819202122232425<template> <div> <virtual-list style="height: 360px; overflow-y: auto;" // make list scrollable :data-key="'uid'" :data-sources=&q...
2026-01-10
bilibili-API-collect
时间就是生命,无端的空耗别人的时间,其实无异于谋财害命的。——鲁迅 今天来点真材实料:把 B 站的接口资料“一网打尽”的开源文档库——bilibili-API-collect。仓库地址:SocialSisterYi/bilibili-API-collect,官网文档(GitHub Pages):https://socialsisteryi.github.io/bilibili-API-collect/ 一句话(来自仓库 description):哔哩哔哩-API收集整理【不断更新中….】 这玩意儿到底有啥用 它是面向开发者的“接口百科全书”:把 B 站的各类 API 使用方法集中整理,持续更新。 主题覆盖广(见仓库 Topics):api、bilibili、bilibili-api、bilibili-live、bilibili-login、bilibili-download、bilibili-danmaku、bilibili-comment、grpc、json。 自带文档站点:用 VuePress(仓库有 .vuepress 目录)把 Markdown 文档发布成...
2021-10-29
nvue引入图标坑
强本而节用,则天不能贫。——荀况 今天把原来的vue页面改为nvue 发现之前的图标怎么都引不进去,搞了半天,后来通过debug发现,我引入的方式是使用添加对应的class给它加了个::before伪元素 知道了这个就很简单了,我们按照官方文档引入字体 首先我在App.vue中写入css代码: 123456/* 加载图标字体 - 条件编译模式 *//* #ifdef APP-PLUS-NVUE */.my-iconfont { font-family: myIconfont;}/* #endif */ 然后在对应的nvue页面中,在beforeCreate生命周期里调用addRule 123456789beforeCreate() { // #ifdef APP-PLUS-NVUE const domModule = uni.requireNativePlugin('dom'); domModule.addRule('fontFace', { fontFamily: 'myIcon...
2022-07-17
vue3中css里的v-bind
一旦别人问起自己想要什么,那一刹那反倒什么都不想要了。——太宰治 官方文档:状态驱动的动态 CSS 编写一个组件: 123456789101112131415161718192021222324252627<template> <div class="ruben"> <p>You clicked {{ count }} times</p> <button @click="increment">Click me</button> </div></template><script>export default { data() { return { count: 1 } }, methods: { increment...

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