`

js 控制滚动条位置

    博客分类:
  • js
 
阅读更多

JS控制滚动条的位置:
window.scrollTo(x,y);

竖向滚动条置顶(window.scrollTo(0,0);
竖向滚动条置底 window.scrollTo(0,document.body.scrollHeight)

JS控制TextArea滚动条自动滚动到最下部

document.getElementById('textarea').scrollTop = document.getElementById('textarea').scrollHeight

实际应用代码:

<body style="background:#c0c0c0" onload="window.scrollTo((document.body.scrollWidth-document.body.offsetWidth)/2,0)">

 

分享到:
评论

相关推荐

    js控制滚动条的位置

    js控制滚动条的位置

    Ext中的Grid控制纵向滚动条单次滚动量

    Ext中的Grid,在很多行的情况下,出现纵向滚动条的情况下,鼠标滚轴单次滚动后,Grid表格移动的行数控制

    js实现滚动条滚动到某个位置便自动定位某个tr

    要实现带滚动条的table,定位到某个tr,其实是很简单的,只有几行js代码就可以完成,具体内容如下 js代码 [removed] function test(){ var $objTr = $(#location); //找到要定位的地方 tr $objTr.css...

    js,jquery滚动/跳转页面到指定位置的实现思路

    … 这里是很多文字,把页面撑开,撑出滚动条 … 滚动到这里&lt;/a&gt; … 再加点文字 … &lt;/body&gt; 好,测试,OK!点过去之后是不是“滚动到这里”出现在了浏览器的最上方。 实际的情况经常是制作人员切好的页面,...

    简洁方便的弹出窗口效果(支持滚动条、左右切换

    效果:点击图片后弹出一个窗口,大小固定死,始终处于网页中间位置,多出部分可自定义滚动条样式,支持关闭以及左右切换,效果较为简单,但很实用。 使用方法: 1、在head中调用CSS样式 2、调用jquery.min.js...

    opacityChangeOnScroll:更改滚动条上元素的不透明度

    文件加载脚本相关性:jQuery() &lt; script src =" https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js " &gt;...用法可用班级向下滚动增加向下滚动时增加元素的不透明度 &lt; img class =" incr

    让页面上两个div中的滚动条(滑块)同步运动示例

    使用JQuery添加如下代码 代码如下: $(‘#sourceDiv’).scroll( function() { $(‘#targetDiv’).scrollTop($(this).scrollTop()); $(‘#targetDiv’).scrollLeft($(this).scrollLeft()); }); $(‘#targetDiv’)....

    使用js实现一个简单的滚动条过程解析

    2、滚动条 bar 的 top 位置 和 内容scrollTop 的关系。 思路: 使用嵌套的布局,如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style ...

    JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)

    本文实例讲述了JS实用技巧。分享给大家供大家参考,具体如下: ...如何防止设置DIV出现滚动条? style="overflow-x: hidden; overflow-y: auto;" 通过JS控制页面的样式也可以利用数组的形式表现 func

    getPic1.py

    Python3获取京东商品列表信息,并根据列表信息地址提取信息详情页的...另一种是根据商品详情页的内容(如图2),控制滚动条滚动至页面底端,确保商品详情图片加载完毕,然后获取网页信息,提取图片地址,最后完成下载。

    程序天下:JavaScript实例自学手册

    17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试代码(三) 18.4 多选考试题 18.5 在线心理测试脚本 18.6 电脑检测...

    使用JavaScript实现连续滚动字幕效果的方法

    然后我们将溢出的滚动条隐藏掉,用代码控制滚动条向下移动(这时内容将向上移动)。当滚动条滚动到最下方时,理论上不能再往下滚动了,于是我们立刻调整滚动条,将它向上滚动到一个和当前画面一样的位置。结果我们看到...

    《程序天下:JavaScript实例自学手册》光盘源码

    17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试代码(三) 18.4 多选考试题 18.5 在线心理测试脚本 18.6 电脑检测...

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    fixPosition:设定是否弹出框随滚动条一起浮动,保持在屏幕的固定位置,默认为true dragOut:设定是否允许拖出屏幕范围,默认为false。 autoClose:设定用户点击窗口中按钮后自动关闭窗口,默认为true(设定为...

    js鼠标及对象坐标控制属性详细解析

    IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。 offsetWidth获取对象相对于版面或由父坐标 offsetParent 属性指定

    JavaScript网页特效范例宝典源码

    实例078 通过JavaScript控制表单的提交与重置 122 实例079 带记忆功能的表单 123 实例080 防止表单重复提交 124 实例081 自动提交表单 125 实例082 通过for循环获取表单元素的中文名称 126 实例083 可以提交到不同...

    JavaScript完全自学宝典 源代码

    6.13.html 使用JavaScript控制按钮是否可用。 6.14.html 重置按钮的效果。 6.15.html 提交按钮的效果。 第7章(\c07) 示例描述:学习JavaScript的事件处理。 7.1.html 双击某行变换背景色。 7.2....

    web 视频播放器 js

    autoscroll(true,false):当播放列表过长的时候,默认会自动显示滚动条。当该值设置为’true’的时候,会自动根据鼠标滚动播放列表。 displaywidth(number of pixes):设置显示区域的宽度,当设置的比较小的时候,播放...

    javascript网页特效实例大全

    3.23 固定链接的位置 59 第4章 时间类特效 61 4.1 时间的水中倒影 62 4.2 简单的日历 63 4.3 带有农历的日历 65 4.4 标题栏显示日期 68 4.5 标题栏显示时间 69 4.6 不同时间的不同问候 69 4.7 记录进入网站...

    使用CSS样式position:fixed水平滚动的方法

    使用CSS样式”position:fixed”... 本文的实现方式是使用js来控制div块随滚动条水平滚动,原理就是当window对象发生scroll事件和resize事件使,更新div块的left或right的值,使其相对浏览器左边或右边的位置实时改变。d

Global site tag (gtag.js) - Google Analytics