Javascript中怎么控制ScrollBar

發(fā)布時間：2021-07-01 16:00:27 來源：億速云閱讀：171 作者：Leah 欄目：web開發(fā)

本篇文章為大家展示了Javascript中怎么控制ScrollBar，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

用Javascript控制ScrollBar(滾動條)

以下都是默認自動滾動到底部，需要滾動到頂部只需將document.body.scrollHeight換為0.

方法一：用scroll方法實現(xiàn)

<body onload="scroll(0,document.body.scrollHeight) ">   <script>   document.write(new Array(100).join("<br>"))   </script>

方法二：用scrollBy方法實現(xiàn)

<body onload="scrollBy(0,document.body.scrollHeight) ">   <script>   document.write(new Array(100).join("<br>"))   </script>

方法三：用scrollTo方法實現(xiàn)

<body onload="scrollTo(0,document.body.scrollHeight)">   <script>   document.write(new Array(100).join("<br>"))   </script>

如果是在框架中，需要控制框架的ScrollBar,那么要加parent，例如parent.scrollTo(0,0);

上述內(nèi)容就是Javascript中怎么控制ScrollBar，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

猜你喜歡