如何用Javascript控制滚动条(ScrollBar)的位置(上下和左右)

总的来说在Javascript中有三种方法能够控制滚动条的位置,下面我们就分别来看看吧!

 

       方法一:用scroll函数实现

        scroll(x,y);

        x代表横向滚动条的位置,也就是控制左右位置,当为0时代表最左边,当为document.body.scrollWidth时代表最右边

        y代表纵向滚动条的位置,也就是控制上下位置,当为0时代表最上面,当为document.body.scrollHeight时代表最下面

 

       方法二:用scrollBy函数实现

        scrollBy(x,y);

        x和y代表的意思和第一个方法一样;-)

 

       方法三:用scrollTo函数实现

        scrollTo(x,y);

        x和y代表的意思和第一个方法一样;-)

 

        另外顺便说一句,如果你是在框架(Frame)中要控制父框架的滚动条,那么要记得在函数前加parent,举个例子来说就是parent.scroll(0,0);

你可能感兴趣的:(如何用Javascript控制滚动条(ScrollBar)的位置(上下和左右))