鍍金池/ 問(wèn)答/HTML/ 重復(fù)使用 $(window).scrollTop() 會(huì)導(dǎo)致頁(yè)面跳到不同的位置

重復(fù)使用 $(window).scrollTop() 會(huì)導(dǎo)致頁(yè)面跳到不同的位置

代碼邏輯是異步請(qǐng)求完渲染列表后，頁(yè)面滾動(dòng)到列表的頂部，
但是每次刷新列表，使用scrollTop方法時(shí)跳動(dòng)到的位置不符合預(yù)期，
應(yīng)該是固定值的，可是每次跳的地方都不對(duì)

clipboard.png

每次打印$(window).scrollTop()的值如下， 正常應(yīng)該為（352）

clipboard.png

而 $('.classify-itvs-jobs').offset().top 的值是正常的 固定為352。

導(dǎo)致出現(xiàn)頁(yè)面抖動(dòng)的bug

回答
編輯回答
傲嬌范

已排查到原因：
主要是因?yàn)?頁(yè)面沒(méi)那么大滾動(dòng)高度的時(shí)候，
會(huì)直接滾動(dòng)不了。
導(dǎo)致的不能滾動(dòng)距離到目標(biāo)位置。
只能取消掉這個(gè)功能了。

2018年5月4日 19:51
編輯回答
拮據(jù)

（$('.classify-itvs-jobs').offset().top）外面用

this.$nextTick(()=>{
    
})

包起來(lái)再試試

2018年8月26日 23:13