js如何让页面单侧滚动条，js控制滚动条到页面某个位置

当滚动条滚动到页面某个位置时,触发js,怎么去实现

要实现这样的效果你需要使用到 滚动条事件 以及 元素在文档中的绝对定位。

在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。

四个参数，滚动条的scrollTop，window的height，目标元素的offerset.top和它自身的height。给window一个scroll事件，通过验证上面所说的等式是否成立，执行你要的代码。

请点击“插入一行”按钮，插入最新信息，当出现滚动条时，滚动条将自动保持在底部。

有两种方法。通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。

我个人觉得，你写的好麻烦，我这样写的，可能跟你想要的不一样。你试试看。

相关问答

Q1: 如何通过JS判断页面是否有滚动条

1、若要想判断js window.scroll是否滚动到底部，需要用的三个属性值，它们分别是：scrollTop、clientHeight和scrollHeight；scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。

2、vue监听滚动事件实现滚动监听的制作步骤：在vue中实现滚动监听和原生js无太大差异，下面是一个简单的demo，可在控制台查看结果。

3、--让内容足够多 End--$(function(){$(.d1).click(function(){alert(1)})；}) 点击div能弹出，点击滚动条不弹出，已测。

4、可以这么试一下 在你的页面上某个位置放一个div或者就用你页面上已有的某个元素也行，当用户滚动的时候这个div相对于浏览器的顶部或底部的距离肯定会变化，然后你通过这个距离来判断用户浏览到当前页面的什么位置了。

5、监听事件，删除监听事件：IE678使用attachEvent/detachEvent， 其他浏览器使用addEventListener/removeEventListener。

6、var top = obj.getBoundingClientRect().top //元素顶端到可见区域顶端的距离 var se = document.documentElement.clientHeight //浏览器可见区域高度。

Q2: 网页设计中怎么在页面中设置一个滚动条

用一个div，定制成图中的宽度和高度 然后再把div的样式设成overflow-y：scroll，当div里的文字超出那个高度的时候，滚动条就出来了。

在html中定义好一个dom标签，可以是body或者div等等。给dom元素设置相应的宽度，可以用style中的width。再给dom元素设置overflow属性，水平滚动条就是overflow-x：scroll。

你的网页中只能有一个大框架，而且是满屏显示的。或者将屏幕分成三列而不是三行，然后可以让滚动条出现在中间那个框架的右侧，看起来也是在整个网页的右侧，但是这样一来，你就没有那种上方横向的导航条了。

打开dw，新建一个html页面，进入html页面编辑。在代码的body中间编写一个div层。将这个新建好的html页面跟编写好的div利用快捷键“ctrl+s”另保存到知道的目录下。

可以使用css的overflow标签实现让网页强制出现浏览器的滚动条。具体步骤如下：需要准备的材料分别是：电脑、浏览器、ultraedit。在ue编辑器中新建一个空白的html文件，css文件。在ue编辑器中输入以下html代码。

用Dreamweaver8工具栏左上角有个常用菜单，点一下它，选布局，右边就会出现一些相关按钮。在右边倒数第二个按钮，就是框架的！有各种板式的，由你选！滑动图片用这一对标签。

Q3: js控制页面滚动(实例)

首先需要新建一个HTML文档，这里设立一下基本的架构。再新建一个CSS文件，用link关联一下HTML文档。创建DIV标签，并且往里面填充内容。先设定一下滚动条内框的大小。

本文实例讲述了JS实现网页滚动条感应鼠标变色的方法。分享给大家供大家参考。

是控制整个网页的滚动条？在页面下部添加一个锚点比如 再在flash添加一个onclick事件，代码为：onclick=window.location.hash=aa即可。

/marquee INPUT TYPE=button onclick=show(1) value= /TABLE /BODY /HTML 有4个地方可以共用那个js代码啊，那段可以搞定你说的问题。

Q4: ...但问题是将页面滚动到下边刷新左边不会滚下来了

如果设置了如上，页面的滚动条将会消失，此时鼠标滚轮失效。

在你控制刷新的函数上，找到刷新命令之前的位置，在这个命令之前，读取当前窗口滚动条的位置。然后在刷新的命令上，加上参数，参数值就是这个滚动条的位置。然后在你页面打开的最下边。

不是硬件的问题，就是设置的问题。设置上下滚动 以Windows10为例，打开电脑中的任意一个文件夹，找到左侧的“此电脑”选项。在此电脑上右击鼠标，然后在展开的菜单中点击选择箭头所指的“属性”。

Q5: 菜鸟请教高手,网页制作中怎么让滚动条处于页面最右侧。。。

1、在电脑桌面的Word2013文档程序图标上双击鼠标左键，将其打开运行。点击“新建空白文档”命令，新建一个空白的文档。在打开的Word2013文档窗口中，看见右侧垂直滚动条没有显示在窗口中，点击左上角的“文件”命令选项。

2、用一个div，定制成图中的宽度和高度 然后再把div的样式设成overflow-y：scroll，当div里的文字超出那个高度的时候，滚动条就出来了。

3、首先在我们的html里，添加好导航内容。后面的就是网页的具体内容了，这里的代码简单一些。样式里，我们先定义一些菜单里的样式。这时运行页面时，在滚动条滚动下去后，导航是会消失不见的。

4、如果滚动条放在左边，这一问题立刻就迎刃而解了。事实上，在最早期的WIMP界面中，滚动条是既可以在左也可以在右的，但是默认放在左边。直到施乐在Star中将滚动条设置在右边。

5、一般在浏览网页时会出现。解决办法如下：在之前加上这条html代码： 。保存代码，然后刷新，刷新以后滚动条则不在了。

6、在“外观和个性化”页面中，找到“文件资源管理器选项”并点击。在“文件资源管理器选项”对话框中，点击“查看”选项卡。在“查看”选项卡中，找到“始终显示滚动条”选项并勾选它。

关于js如何让页面单侧滚动条和js控制滚动条到页面某个位置的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。