前端页面滚动到指定节点

 	// 获取根元素
	let content = document.querySelector('.list-space')
	// 获取目标元素
	let targetEle = document.querySelector(`#type-id-${chatState.chatData.length - 1}`)
	content.scrollTo({
		top: targetEle.offsetTop - 20,
		behavior: 'smooth'
	})

posted @ 2024-03-20 15:57 Felix_Openmind 阅读(36) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· Vue3中点击按钮滚动页面到低端

· 点击按钮触发滚动条向上滚动

· 滚动到元素位置

· 滚动到指定位置

· 前端页面跳转到页面指定位置

阅读排行：
· winform 绘制太阳，地球，月球运作规律
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具

历史上的今天：
2023-03-20 React基础 - JSX

2025年3月

日

一

二

三

四

五

六

Felix_Openmind

https://github.com/serendipitywzz

前端页面滚动到指定节点

最新随笔

随笔分类 (404)

随笔档案 (410)

文章分类 (66)

文章档案 (99)

软件开发

阅读排行榜

	// 获取根元素
	let content = document.querySelector('.list-space')
	// 获取目标元素
	let targetEle = document.querySelector(`#type-id-${chatState.chatData.length - 1}`)
	content.scrollTo({
	top: targetEle.offsetTop - 20,
	behavior: 'smooth'
	})