• 技术文章 >web前端 >js教程

    javascript如何设置滚动条位置

    coldplay.xixicoldplay.xixi2021-04-30 16:22:59原创480

    javascript设置滚动条位置的方法:1、竖向滚动条置顶,代码为【(window.scrollTo(0,0);】;2、竖向滚动条置底,代码为【window.scrollTo(0,document.body.scrollHeight)】。

    本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

    javascript设置滚动条位置的方法:

    JS控制滚动条的位置:

    window.scrollTo(x,y);

    竖向滚动条置顶(window.scrollTo(0,0);

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

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

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

    获得滚动条距离顶部位置

    function getScrollTop(){
    var scrollTop=0;
    if(document.documentElement&&document.documentElement.scrollTop){
    scrollTop=document.documentElement.scrollTop;
    }else if(document.body){
    scrollTop=document.body.scrollTop;
    }
    return scrollTop;
    }

    相关免费学习推荐:javascript视频教程

    以上就是javascript如何设置滚动条位置的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 滚动条
    上一篇:详细介绍下js中的window与document 下一篇:javascript如何将时间字符串转化为时间
    大前端线上培训班

    相关文章推荐

    • javascript动态函数如何创建• javascript如何实现ajax• javascript如何捕获窗口关闭事件• javascript如何关闭子窗口• javascript的静态方法如何使用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网