js实现div自动滚动，js页面滚动到指定div

js设置div滚动到固定位置

新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。

可以设置div的scrollTop值。div当中有滚动的时候，设置scrollTop可以滚动到指定的滚动顶部位置。如果需要动画，可以使用css3的过渡或者动画函数，jquery可以用animate函数。

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

var oDiv = document.getElementById(div1)； oDiv.style.position = fixed； oDiv.style.top = 20px； oDiv.style.left = 20px； /script 主要思想就是，在js中修改div的位置。

fixed； top：0px； left：0px； right：0px；height： 40px；position：fixed；是指定位相对于浏览器窗口， top：0px； left：0px； right：0px，这样的话，DIV就会固定在页面顶部，宽度等于浏览器窗口的宽度，高度自定义。

相关问答

Q1: js移动div怎么做出滑动的效果?

1、主要思路是：鼠标当前点到下一点直接间隔计算出速度。这样就实现了惯性滑动效果。

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

3、这段代码不复杂。它的效果是当鼠标移到某个菜单时，突出这个菜单（通过sec2这个css类），并显示其下拉内容。而对其他的菜单和对应内容进行变换css类和隐藏。

4、的自动在网页播放。然后将文件名保存为：xxxx.html文件，既然是网页上展示就保存为.html的文件格式。鼠标移动到这个网页文件上网，使用右键选择打开方式，选择浏览器打开。打开后就可以看到实现后的效果了。

5、)；}，function(){ // 默认复原 (#mypng).css(transform，rotate(0deg))；})；// 。 旋转的话是以中心旋转。所以制作的指针是个对称的圆形。// 我做的是滑动上去指针就懂。 你可以自己换成点击事件。

Q2: js实现div自动在窗口左右移动

示例是这样的，鼠标移动到div上，背景图片会从左往右移动直至最右端。鼠标移出div，背景图标从右往左直至最左端。备注：考虑到宽度变化，本例背景图片使用百分比定位。根据你的实际情况也可改为使用像素(px)定位。

x})；其中$(.x-movable)是要被移动的DIV，.x-panel-header是拖动手柄，科省略。 direction是移动方向，有x和y两个参数。

JS控制DIV层显示与隐藏 用JS控制DIV层的隐藏与显示。页面中有三个DIV层，三个超级链接，实现的功能是点击一个链接，显示相应的DIV层，同时隐藏另外两个DIV层。

如何让DIV随着左右滚动条移动，而上下滚动条保持不变？1。

在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行func（）函数。

关于js实现div自动滚动和js页面滚动到指定div的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。