html编程，如何设置滚动条的位置

Posted 2023-04-29

一个含有垂直滚动条的html，如何设计点击一个按钮，滚动条的位置就会往下到中间的位置。

滚动条的设置有两种方式：

html 直接定义：先定义一个带有id的标签,这个标签是你想要访问的目标位置，然后在定义一个a标签（你点击后会跳转的链接）

如<table id="table"></table>;<a href="#table"></a>

js方式： 

window.onload=function()
      document.getElementById(\'haha\').onclick=function()
      var scrollHeight=document.body.scrollHeight/2;
      scroll(0,Math.round(scrollHeight));
    
  参考技术A

给你两种选择

1直接css解决

在中间位置随便来个元素，并且给元素一个id

点击那个按钮  那个按钮的链接为<a href="#id">

2js解决

<script>
document.getElementById('but').onclick=function()
var cha=(document.body.scrollHeight-document.body.clientHeight)/2;
scroll(0,cha.toFixed(0));

</script>

本回答被提问者采纳

JS如何判断浏览器滚动条的位置

参考技术A onload=function()
var
changeBG=0,scrollTop=0;
//设置原始变量
setInterval(function()
scrollTop=document.body.scrollTop
if(changeBG&&scrollTop>200)
//判断是否更换了背景及滚动条是否到达指定高度
document.body.scrollTop=0;
//转到页面顶部
document.body.style.backgroundImage="url(...)";
//变换背景
changeBG=1;
//表示已经转换了背景
setTimeout(function()
document.body.scrollTop=changeBG
//返回原来位置
,1000)

,1000)