在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ JS 局部滾動(dòng)

JS 局部滾動(dòng)

在線代碼coding：http://runjs.cn/code/yix0balx
JS scrollTop可以控制瀏覽器進(jìn)行滾動(dòng)，但是scrollTop 能否控制某個(gè)元素進(jìn)行滾動(dòng)？
document.documentElement.scrollTop = 100;
document.body.scrollTop = 100;

例如：圖片描述

圖片描述

不能通過(guò)document.getElementById(id).scrollTop = 100;進(jìn)行滾動(dòng)嗎？
補(bǔ)充一下，是需要絕對(duì)定位里面的元素滾動(dòng)，他的高度是大于絕對(duì)定位的450px，局部滾動(dòng)

回答
編輯回答
裸橙

你這是絕對(duì)定位的，直接設(shè)置top值不就行了嗎

2018年8月19日 15:42
編輯回答
淚染裳

首先說(shuō)一點(diǎn)使用scrollTop是可以操作非body元素的滾動(dòng)的，但是要在實(shí)現(xiàn)滾動(dòng)的元素中使用overflow-y:scroll,因?yàn)?body的默認(rèn)滾動(dòng)就是使用的overflow-y這個(gè)樣式屬性，所以非body元素要實(shí)現(xiàn)滾動(dòng)也要使用overlflow-y,而非使用其它屬性樣式。建議你在github上搜scrollbar，你會(huì)看找到很多這樣的插件庫(kù)，自己根本沒(méi)必要寫(xiě)，而且自己寫(xiě)的話需要考慮很多問(wèn)題。分享一個(gè)我常用的鏈接http://utatti.github.io/perfe...

2017年7月28日 10:17
編輯回答
雨萌萌
overflow: scroll; 改這個(gè)試試
2018年3月21日 00:51