当前位置： 首页 > news >正文

原生js实现锚点滚动顶部

news 2026/3/30 17:42:13

简介

使用原生js API实现滚动到指定容器的顶部，API是scrollIntoView

使用

  1. let el=docment.querySelector() 获取dom元素
  2. el.scrollIntoView()该元素滚动到其父元素的顶部

高级用法

scrollIntoView(Options)//option可以配置如下
options={behavior：'smooth',//光滑效果block:  'start'|'end'|'center' //滚动到容器顶部|底部|中间
}

完整用法可以去MDN点我查看

相关文章：

原生js实现锚点滚动顶部

简介 使用原生js API实现滚动到指定容器的顶部，API是scrollIntoView 使用 let eldocment.querySelector() 获取dom元素el.scrollIntoView()该元素滚动到其父元素的顶部 高级用法 scrollIntoView(Options)//option可以配置如下 options{behavior：smoot…...

编程日记 2023/7/30 11:57:23

使用mysql接口遇到点问题

game_server加入了dbstorage的代码。dbstorage实现了与mysql的交互：driver_mysql。其中调用了mysql相关的接口。所以game_server需要链接libmysql.lib。 从官网下载了mysql的源码：在用cmake构建mysql工程的时候，遇到了一些问题。 msyql8.0需…...

编程日记 2023/7/30 11:56:22

excel绘制折线图或者散点图

一、背景 假如现在通过代码处理了一批数据，想看数据的波动情况，是不是还需要写个pyhon代码，读取文件，绘制曲线，看起来也简单，但是还有更简单的方法，就是直接生成csv文件，csv文件就是…...

编程日记 2023/7/30 11:55:21

ChatGPT长文本对话输入方法

ChatGPT PROMPTs Splitter 是一个开源工具，旨在帮助你将大量上下文数据分成更小的块发送到 ChatGPT 的提示，并根据如何处理所有块接收到 ChatGPT（或其他具有字符限制的语言模型）的方法。 推荐：用 NSDT设计器 快速搭建可…...

编程日记 2023/7/30 11:54:20

FFmpeg-swresample的更新

auto convert的创建 在FFmpeg/libavfilter/formats.c中定义了negotiate_video和negotiate_audio，在格式协商，对于video如果需要scale，那么就会自动创建scale作为convert，对于audio，如果需要重采样，则会创建…...

编程日记 2023/7/30 11:53:18

回答网友 修改一个exe

网友说：他有个很多年前的没有源码的exe，在win10上没法用，让俺看一下。 俺看了一下，发现是窗体设计的背景色的问题。这个程序的背景色用的是clInactiveCaptionText。clInactiveCaptionText 在win10之前的系统上是灰色，但…...

编程日记 2023/7/30 11:52:17

数据可视化 - 动态柱状图

基础柱状图 通过Bar构建基础柱状图 from pyecharts.charts import Bar from pyecharts.options import LabelOpts # 使用Bar构建基础柱状图 bar Bar() # 添加X轴 bar.add_xaxis(["中国", "美国", "英国"]) # 添加Y轴 # 设置数值标签在右侧 b…...

编程日记 2023/7/30 11:51:15

【JVM】JVM五大内存区域介绍

目录 一、程序计数器（线程私有） 二、java虚拟机栈（线程私有） 2.1、虚拟机栈 2.2、栈相关测试 2.2.1、栈溢出 三、本地方法栈（线程私有） 四、java堆（线程共享） 五、方法区&…...

编程日记 2023/7/30 11:50:14

自动驾驶感知系统--惯性导航定位系统

惯性导航定位 惯性是所有质量体本身的基本属性，所以建立在牛顿定律基础上的惯性导航系统（Inertial Navigation System,INS）(简称惯导系统)不与外界发生任何光电联系，仅靠系统本身就能对车辆进行连续的三维定位和三维定向。卫星导…...

编程日记 2023/7/30 11:49:12

Netty简介

Netty Netty初体验基础概念Reactor模型传统的阻塞IO模型基础Reactor模型多线程Reactor模型 为什么要使用Netty？ （NIO的框架，用于解决高并发出现的问题） *BIO:同步且阻塞的IO NIO:同步且非阻塞的IO（不是说线程&#x…...

编程日记 2023/7/30 11:48:11

基于TCP/IP对等模型对计算机网络知识点的整合

目录 前言 应用层 Telnet SSH FTP/TFTP SNMP：简单的网络管理协议 HTTP：超文本传输协议 SMTP：电子邮件传输协议 DNS：域名解析协议 DHCP：动态主机配置协议 NTP：网络时钟协议 传输层 TCP UDP 端…...

编程日记 2023/7/30 11:47:09

【SQL应知应会】表分区（一）• Oracle版

欢迎来到爱书不爱输的程序猿的博客, 本博客致力于知识分享，与更多的人进行学习交流 本文收录于SQL应知应会专栏,本专栏主要用于记录对于数据库的一些学习，有基础也有进阶，有MySQL也有Oracle 分区表 • Oracle版 前言一、分区表1.什么是表分区…...

编程日记 2023/7/30 11:46:08

PostgreSQL 常用空间处理函数

1.OGC标准函数 管理函数： 添加几何字段 AddGeometryColumn(, , , , , ) 删除几何字段 DropGeometryColumn(, , ) 检查数据库几何字段并在geometry_columns中归档 Probe_Geometry_Columns() 给几何对象设置空间参考（在通过一个范围做空间查询时常用&…...

编程日记 2023/7/30 11:45:07

ubuntu初始化/修改root密码

1.登录ubuntu后，使用sudo passwd root命令，进行root密码的初始化/修改，注：这里需要保证两次输入的密码都是同一个，才可成功 ubuntugt-ubuntu22-04-cmd-v1-0-32gb-100m:~/ocr$ sudo passwd root New password: Retype…...

编程日记 2023/7/30 11:44:06

【Linux后端服务器开发】select多路转接IO服务器

目录 一、高级IO 二、fcntl 三、select函数接口 四、select实现多路转接IO服务器 一、高级IO 在介绍五种IO模型之前，我们先讲解一个钓鱼例子。 有一条大河，河里有很多鱼，分布均匀。张三是一个钓鱼新手，他钓鱼的时候很紧张&a…...

编程日记 2023/7/30 11:43:05

支持向量机（iris）

代码： import pandas as pd from sklearn.preprocessing import StandardScaler from sklearn import svm import numpy as np# 定义每一列的属性 colnames [sepal-length, sepal-width, petal-length, petal-width, class] # 读取数据 iris pd.read_csv(data\\i…...

编程日记 2023/7/30 11:42:04

24考研数据结构-第二章：线性表

目录 第二章：线性表2.1线性表的定义（逻辑结构）2.2 线性表的基本操作（运算）2.3 线性表的物理/存储结构（确定了才确定数据结构）2.3.1 顺序表的定义2.3.1.1 静态分配2.3.1.2 动态分配2.3.1.3 mallo…...

编程日记 2023/7/30 11:41:02

Mybatis 动态 sql 是做什么的？都有哪些动态 sql？能简述动态 sql 的执行原理不？

OGNL表达式 OGNL，全称为Object-Graph Navigation Language，它是一个功能强大的表达式语言，用来获取和设置Java对象的属性，它旨在提供一个更高的更抽象的层次来对Java对象图进行导航。 OGNL表达式的基本单位是"导航链"&a…...

编程日记 2023/7/30 11:40:01

250_C++_typedef std::function＜int(std::vector＜int＞ vtBits)＞ fnChkSstStt

假设我们需要定义一个函数类型来表示一个能够计算整数向量中所有元素之和的函数。 首先，我们定义一个函数，它的参数是一个 std::vector 类型的整数向量，返回值是 int 类型，表示所有元素之和： int sumVectorElements(std::vector<int> vt) {int sum = 0;for (int n…...

编程日记 2023/7/30 11:39:00

无涯教程-jQuery - Transfer方法函数

Transfer 效果可以与effect()方法一起使用。这会将元素的轮廓转移到另一个元素。尝试可视化两个元素之间的交互时非常有用。 Transfer - 语法 selector.effect( "transfer", {arguments}, speed ); 这是所有参数的描述- className - 传输元素将收到的可选类名。…...

编程日记 2023/7/30 11:37:58

三相三电平Vienna整流器：SPWM与SVPWM调制仿真及控制策略对比分析

三相三电平vienna整流器SPWM和SVPWM调制仿真 基于plecs搭建 温度场分析 双PI控制 锁相环控制 中点电压平衡控制 功率因数为1 SPWM和SVPWM调制对比 谐波畸变率对比分析 电压利用率对比分析 电压平衡和不平衡控制对比 图1 仿真模型 图2 温度场分析 图3 交流电压电流三电平…...

编程新知 2026/3/30 17:42:10

别再为Allegro导图发愁了！手把手教你用RATA工具搞定BMP单色图转换（附像素调整避坑指南）

Allegro图片导入难题终极指南&#xff1a;从原理到实战的完整解决方案 在PCB设计领域&#xff0c;Allegro作为行业标杆工具&#xff0c;却有一个让无数工程师头疼的"阿喀琉斯之踵"——图片导入功能。无论是公司Logo、结构示意图还是特殊标识&#xff0c;当我们需要将…...

编程新知 2026/3/30 17:26:02

免费开源钥匙建模终极指南：快速生成3D打印钥匙模型

免费开源钥匙建模终极指南&#xff1a;快速生成3D打印钥匙模型 【免费下载链接】keygen OpenSCAD tools for generating physical keys 项目地址: https://gitcode.com/gh_mirrors/ke/keygen 在数字化制造时代&#xff0c;开源钥匙建模工具Keygen为技术爱好者和实践者提…...

编程新知 2026/3/30 16:09:06

TouchGal：一站式Galgame社区解决方案终极指南

TouchGal&#xff1a;一站式Galgame社区解决方案终极指南 【免费下载链接】kun-touchgal-next TouchGAL是立足于分享快乐的一站式Galgame文化社区, 为Gal爱好者提供一片净土! 项目地址: https://gitcode.com/gh_mirrors/ku/kun-touchgal-next 还在为寻找Galgame资源而四…...

编程新知 2026/3/30 13:51:21

Qwen2.5-7B LoRA微调入门：十分钟快速指南，轻松上手模型定制

Qwen2.5-7B LoRA微调入门&#xff1a;十分钟快速指南&#xff0c;轻松上手模型定制 1. 前言&#xff1a;为什么选择LoRA微调 在当今大模型技术快速发展的背景下&#xff0c;如何高效地对预训练模型进行定制化调整成为开发者面临的关键挑战。LoRA&#xff08;Low-Rank Adaptat…...

编程新知 2026/3/30 13:41:07

基于深度学习的CT肺部分割技术：在医学影像分析中实现95% Dice系数的精准自动化方案

基于深度学习的CT肺部分割技术&#xff1a;在医学影像分析中实现95% Dice系数的精准自动化方案 【免费下载链接】lungmask Automated lung segmentation in CT 项目地址: https://gitcode.com/gh_mirrors/lu/lungmask 在医学影像分析领域&#xff0c;CT肺部分割一直是临…...

编程新知 2026/3/30 11:33:50

如何高效下载B站视频：BilibiliDown终极指南与完整教程

如何高效下载B站视频&#xff1a;BilibiliDown终极指南与完整教程 【免费下载链接】BilibiliDown (GUI-多平台支持) B站 哔哩哔哩 视频下载器。支持稍后再看、收藏夹、UP主视频批量下载|Bilibili Video Downloader &#x1f633; 项目地址: https://gitcode.com/gh_mirrors/b…...

编程新知 2026/3/30 11:01:32

Downr1n iOS降级与越狱实战指南：从问题诊断到解决方案

Downr1n iOS降级与越狱实战指南&#xff1a;从问题诊断到解决方案 【免费下载链接】downr1n downgrade tethered checkm8 idevices ios 14, 15. 项目地址: https://gitcode.com/gh_mirrors/do/downr1n 一、决策指南&#xff1a;为什么选择Downr1n&#xff1f; 1.1 核心…...

编程新知 2026/3/30 10:36:19

如何快速上手Notepad--：3步完成跨平台文本编辑器的配置与使用

如何快速上手Notepad--&#xff1a;3步完成跨平台文本编辑器的配置与使用 【免费下载链接】notepad-- 一个支持windows/linux/mac的文本编辑器&#xff0c;目标是做中国人自己的编辑器&#xff0c;来自中国。 项目地址: https://gitcode.com/GitHub_Trending/no/notepad-- …...

编程新知 2026/3/30 10:16:06

智能AI识别之集装箱缺陷识别 集装箱数据集 集装箱缺陷数据集 集装箱凹陷数据集 集装箱锈蚀孔洞图像数据集 yolo数据集地10624期

&#x1f4e6; 集装箱缺陷检测计算机视觉模型&#xff08; 这是一个基于 YOLOv8/YOLOv10 框架的工业级目标检测模型&#xff0c;专门用于识别集装箱表面的三类典型缺陷。&#x1f50d; 核心信息 模型类型&#xff1a;目标检测&#xff08;Object Detection&#xff09;基础框架…...

编程新知 2026/3/30 9:37:52