导读:
  1.设置窗口滚动条的位置:
  window.scroll(0,document.body.scrollHeight)
  例,在打开网页时让页面处于页面底端
  
  2.设置组件的滚动条的位置:
  假设有个输入框,id为TextArea1
  方法一:
  TextArea1.scrollTop=100;//滚动到输入框的100位置
  方法二:
  document.getElementById("TextArea1").scrollTop=document.getElementById("TextArea1").scrollHeight; //滚动到输入框的底端
  体验代码:
  
  
  
  

Happy New Year ! ! !

  
  

>

  

  

  

  

  this is a test!
  

  

this is a test!

  
  
   <script language=javascript>
  function OpenWord(){
  Layer1.style.border=1
  Layer1.scrollTop=100;
  }
  </script>

如何用代码设置滚动条的位置?相关推荐

  1. vue 设置滚动条的位置

    vue 设置滚动条的位置 场景:聊天的时候,消息会一条条的发送,但是呢,获取最新的数据只能手动滚动滚动条,那这个时候就想到微信聊天的时候,永远可以看到最后一条消息. 思路:获取div的高度(因为里面是 ...

  2. PyQt5 技术篇-设置滚动条拉动位置,scrollArea滚动条位置设置方法。

    话不多说先看效果: verticalScrollBar()返回竖置滚动条,然后通过滚动条的setValue()设置滚动条位置. self.scrollBar = self.scrollArea.ver ...

  3. 怎样用css设置横向的滚动条,如何用CSS设置滚动条颜色?

    我们在浏览网页的时候有时可以看到网页滚动条颜色不是系统默认的样式,而是漂亮的红色或其它颜色样式,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢? 页面滚动条代码及其解释如下: scroll ...

  4. 黄聪:如何用代码设置控制自己网站的网页在360浏览器打开时强制优先使用极速模式,而非兼容模式...

    最近用360浏览器访问自己的网站,发现都是被优先选用兼容模式打开,这使得网站很难看.为了让360浏览器打开网站的时候优先试用极速模式,找了一下官方论坛,发现了解决方案. 在head标签中添加一行代码: ...

  5. 看视频如何用代码设置三倍速 以Safari浏览器看b站为例

    1/首先打开控制台 2/右键检查元素,选中视频元素 3/在控制台输入以下代码 document.querySelector('video').playbackRate = 4.0 即可实现你想要的倍速 ...

  6. html 设置滚动条颜色,CSS设置滚动条颜色步骤

    本文向大家描述一下如何使用CSS设置滚动条颜色,如果你在浏览网页的时候看到网页滚动条颜色不是系统默认的样式,而是漂亮的红色或其它颜色样式,那么这就是使用CSS代码设置的效果. CSS设置滚动条颜色 我 ...

  7. java中JTextPane使输出字符到指定的宽度换行,并将垂直滚动条的位置移动到输出的最后位置...

    SimpleAttributeSet set = new SimpleAttributeSet();Document doc = tp.getStyledDocument(); FontMetrics ...

  8. Javascript设置滚动条向上滚动的方法;JS设置滚动条滚动的代码

    很久就没有碰前端的后果就是,自己被公司叫来帮忙自己结果啥都会,但是就想不起怎么操作 画布哆嗦 咱们直接来看代码 重点一:获取滚动条Y轴的数据 这个方法有很多,我就不一一讲述了,毕竟结果都一样就好 直接 ...

  9. html如何将段落对齐,如何用CSS设置段落的垂直对齐(附代码)

    在浏览网页时,经常看到一些段落他是垂直对齐的,今天这篇文章就和大家讲讲如何用CSS设置段落的垂直对齐,有需要的朋友可以参考一下,希望对你有所帮助. CSS中通过属性vertical-align来设置段 ...

最新文章

  1. MYSQL连接一段时间不操作后出现异常的解决方案
  2. debian 语言配置
  3. 应该增加黑样本还是白样本呢
  4. This Style does not belong to the supplied Workbook. Are you trying to assign a style from one workb
  5. Spring Integration 4.0:完整的无XML示例
  6. 全面介绍Windows内存管理机制及C++内存分配实例(五):堆
  7. 网络编程之-----------进程
  8. python访问字符串中的部分字符的操作_python中字符串的常见操作方法
  9. Illustrator中文版教程,如何在 Illustrator 中为创建的图形添加颜色?
  10. 【2019.7.15】
  11. sybase常用sql语句
  12. Android增量更新
  13. 深入理解Attention及变种(二)
  14. Android 白天黑夜模式切换换肤
  15. linux自动同步onedrive,如何在Linux中同步微软OneDrive
  16. 生命的答案水知道(只有部分图片,要全的图片自己还是的网上下个pdf看吧)
  17. 支付宝体验设计精髓. 02 无规矩不成方圆
  18. git fork的使用
  19. 【路径规划】基于遗传算法求解带时间窗车辆路径规划问题(VRPTW)matlab源码
  20. Mp4文件缓冲问题解决方案

热门文章

  1. 华为p10多屏互动在哪_华为p10如何投屏到电视?手机还有这些使用技巧
  2. Python案例分析之客户信贷预测模型
  3. C++函数之递归调用
  4. flac格式音频转wav|Linux 使用 Shell 循环遍历文件夹里的音频——简介
  5. 《Java核心技术面试精讲--杨晓峰》学习笔记目录
  6. 基于Proteus的8×8LED点阵实验
  7. 遥感图像的空间分辨率、光谱分辨率、时间分辨率的含义
  8. 聚焦手机操作系统 运营商的“门户”之战
  9. 入行芯片设计选模拟IC还是数字IC?一文为你讲解清楚
  10. CygWin、MinGw和Msys的区别