94. scrollIntoView使用

这篇博客探讨了在前端开发中如何利用`scrollIntoView`方法实现页面跳转到指定题目。作者指出,由于涉及到未渲染的页面,需要通过setTimeout确保DOM元素加载完成。同时,注意到在使用JQuery获取ID唯一元素时会返回数组,因此需要取第一个元素执行。博客还提及了项目中触发‘Select’事件的细节。
摘要由CSDN通过智能技术生成

94. scrollIntoView

			// 跳转到指定题目
			goToQuestion: function(item){
				var vm = this
				vm.jumpPage(item.page)
				var key = '#' + item.item_sn
				setTimeout(function(){
					$(key)[0].scrollIntoView(true)
					// document.getElementById(item.item_sn)
				},40)
				vm.trigger('Select')
			},

注意

1、因为涉及到尚未渲染的页面,即渲染下一页的题目后再进行跳转,所以为了确保能拿到对应的DOM,需要将scrollIntoView的操作放到计时器中。

2、本项目有使用到JQ,所以原本使用使用JQ拿节点,但是注意JQ拿到的是一个数组(很无语,明明ID是唯一的),所以要拿第一个去执行。当然直接使用document操作也是可以的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值