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

一个含有垂直滚动条的html,如何设计点击一个按钮,滚动条的位置就会往下到中间的位置。... 一个含有垂直滚动条的html,如何设计点击一个按钮,滚动条的位置就会往下到中间的位置。 展开
 我来答
张大伟2020
推荐于2016-09-18 · 知道合伙人软件行家
张大伟2020
知道合伙人软件行家
采纳数:26 获赞数:161
14年毕业于上海应用技术大学(本科),管理学学士学位,现在就职于上海惠普 前端工程师岗位。

向TA提问 私信TA
展开全部

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

  1. html 直接定义:先定义一个带有id的标签,这个标签是你想要访问的目标位置,然后在定义一个a标签(你点击后会跳转的链接)

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

  2. js方式: 

window.onload=function(){
      document.getElementById('haha').onclick=function(){
      var scrollHeight=document.body.scrollHeight/2;
      scroll(0,Math.round(scrollHeight));
    }
 }
userliit
推荐于2016-06-29 · 超过48用户采纳过TA的回答
知道小有建树答主
回答量:100
采纳率:0%
帮助的人:128万
展开全部

给你两种选择

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>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式