js滚动条自动滚动(js自动滚动到底部)
JS/JAVASCRIPT 选中文本框内的文字 让滚动条滚动到选中文字的位置
function func(){
var textarea = document.getElementById("textarea");
//首先移动光标到所选文字位置，滚动条自动滚动
MoveCursortoPos('textarea' , 30 );
//再选中文字
textarea.setSelectionRange(30,32);//选中文本框内的文字
//textarea.scrollTop = textarea.scrollHeight;//滚动到底部
//想要修改成只滚动到 选中文字 的位置应该怎么写？
}
//设置光标位置
function MoveCursortoPos(id,pos){//定位光标到某个位置
var obj = document.getElementById(id); //获得元素
pos = pos ?pos :obj.value.length;
if (obj.createTextRange) {//IE浏览器 IE浏览器中有TextRange 对body,textarea,button有效
var range = obj.createTextRange(); //创建textRange
range.moveStart("character", pos); //移动开始点，以字符为单位
range.collapse(true);//没有移动结束点直接 折叠到一个点
range.select();//选择这个点
} else {//非IE浏览器
obj.setSelectionRange(obj.value.length, pos);
}
obj.focus();
}
如何用js控件div的滚动条，让它在内容更新时自动滚到底部？
模拟一下，控制层的滚动条~
script
language="javascript"
function
sendText()
{
var
e=document.getElementById("div1")
var
inp=document.getElementById("inp")
e.innerText=e.innerText+"\n"+inp.value;
//e.scrollTop=e.scrollHeight;
}
function
sc()
{
var
e=document.getElementById("div1")
e.scrollTop=e.scrollHeight;
}
var
s=setInterval("sc()",200)
/script
div
id="div1"
style="border:1px
#ff9966
dashed;width:400;height:100;overflow-x:hidden;overflow-y:scroll"
/div
input
type="text"
id="inp"
style="width:300"
input
type="button"
onclick="sendText()"
value="发送"
jquery.nicescroll.min.js滚动条使用方法
(摘自博客园，原网址)
jquery.nicescroll.min.js滚动条使用方法,Nicescroll是制作自定义滚动条的jq插件。支持div,iframe,html等使用,兼容IE7-8,safari,firefox,webkit内核浏览器(chrome,safari)以及智能终端设备浏览器的滚动条。
页面使用：
$("html").niceScroll({
cursorcolor:"#E62020",
cursoropacitymax:1,
touchbehavior:false,
cursorwidth:"10px",
cursorborder:"0",
cursorborderradius:"5px"
})
nicescroll详细参数配置：
cursorcolor - 设置滚动条颜色，默认值是“＃000000”
cursoropacitymin - 滚动条透明度最小值
cursoropacitymax - 滚动条透明度最大值
cursorwidth - 滚动条的宽度像素，默认为5（你可以写“5PX”）
cursorborder - CSS定义边框，默认为“1px solid #FFF”
cursorborderradius - 滚动条的边框圆角
ZIndex的 - 改变滚动条的DIV的z-index值，默认值是9999
scrollspeed - 滚动速度，默认值是60
mousescrollstep - 滚动鼠标滚轮的速度，默认值是40（像素）
touchbehavior - 让滚动条能拖动滚动触摸设备默认为false
hwacceleration - 使用硬件加速滚动支持时，默认为true
boxzoom - 使变焦框的内容，默认为false
dblclickzoom - （仅当boxzoom = TRUE）变焦启动时，双点击框，默认为true
gesturezoom - boxzoom = true并使用触摸设备）变焦（仅当激活时，间距/盒，默认为true
grabcursorenabled“抢”图标，显示div的touchbehavior = true时，默认值是true
autohidemode，如何隐藏滚动条的作品，真正的默认/“光标”=只光标隐藏/ FALSE =不隐藏
的背景下，改变铁路背景的CSS，默认值为“”
iframeautoresize中，AUTORESIZE iframe上的load事件（默认：true）
cursorminheight，设置最低滚动条高度（默认值：20）
preservenativescrolling，您可以用鼠标滚动本地滚动的区域，鼓泡鼠标滚轮事件（默认：true）
railoffset，您可以添加抵消顶部/左轨位置（默认：false）
bouncescroll，使滚动反弹结束时的内容移动（仅硬件ACCELL）（默认：FALSE）
spacebarenabled，允许使用空格键滚动（默认：true）
railpadding，设置间距（默认：顶：0，右：0，左：0，底部：0}）
disableoutline，Chrome浏览器，禁用纲要（橙色hightlight）时，选择一个div nicescroll（默认：true）
怎样用js实现滚动条来回滚动，帮我看看怎么改
var?camera;
var?isDown;
window.onload?=?function?()?{
????//滚动条索取对象（这里使用整个页面，确保页面有滚动条）
????camera?=?document.body;
????isDown?=?true;?//默认向下
????c?=?setInterval(gundong,?10);
}
var?gundong?=?function?()?{
????if?(isDown)?{
????????camera.scrollTop++;?//下降
????????//如果滚动条超过100的话，就往上
????????//可以修改这个条件，作为折返的前提
????????if?(camera.scrollTop??100)?{
????????????isDown?=?false;
????????}
????}?else?{
????????camera.scrollTop--;?//上升
????????//到达顶部的话，就下降
????????if?(camera.scrollTop?==?0)?{
????????????isDown?=?true;
????????}
????}
}
如何使用JS控制DIV内容的滚动条
1、首先需要新建一个HTML文档，这里设立一下基本的架构。
2、再新建一个CSS文件，用link关联一下HTML文档。
3、创建DIV标签，并且往里面填充内容。
4、先设定一下滚动条内框的大小。
5、用border先来查看是否有超出，这里可以看出超出了很多内容。
6、overflow-y: scroll;overflow-x: scroll;加上这个样式滚动条就会出现了。
7、现在就能对轨道和滚动条进行样式的设置了。
js怎么控制滚动条使div在一定区间显示
js控制滚动条使div在一定区间显示方法步骤。
一，新建一个html文件，命名为test.html，用于讲解如何使用JS控制DIV内容的滚动条。
二，在test.html文件内，创建两个div模块，一个div模板包含另一个div模块。
三，在test.html文件内，分别设置两个div模块的id属性为test，ntest。
四，在css中，分别通过id来设置两个div的样式，定义它们的高度、宽度，外部div将overflow属性设置为auto，即超过宽度隐藏，并出现滚动条。注意，内部div的高度、宽度必须比外部div的宽高大，才会出现滚词条。
五，在js中，通过id获得外部div对象，使用scrollTop属性控制垂直滚动条位置为100px，使用scrollLeft属性控制水平滚动条位置为150px。
六，在浏览器打开test.html文件，查看实现的效果。实现在一定区间内显示。
请确认，谢谢。