鍍金池/ 問答/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;

例如：圖片描述

圖片描述

不能通過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
編輯回答
淚染裳

首先說一點(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ì)看找到很多這樣的插件庫，自己根本沒必要寫，而且自己寫的話需要考慮很多問題。分享一個(gè)我常用的鏈接http://utatti.github.io/perfe...

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