js实现锚点平滑滚动，js设置页面滚动的位置

jQuery实现平滑滚动页面到指定锚点链接的方法

本文实例讲述了jQuery实现平滑滚动页面到指定锚点链接的方法。分享给大家供大家参考。

在test.html文件内，使用div标签创建一个模块，并设置其id为mycss。在css标签内，定义div的样式，设置其宽度为100px，高度为2000px，背景颜色为粉红色。

思路是点击a标签，获取描点的位置，然后移动滚动条。

http：// 来看看我的这个页面吧，先看看效果，点击一下“顶部”试试。使用JQuery的animate函数轻松搞定。

本篇文章主要介绍了JS如何实现在页面上快速定位（锚点跳转问题），具有一定的参考和学习js的价值，对JS感兴趣的小伙伴们可以参考一下本篇文章 锚点跳转简介锚点其实就是可以让页面定位到某个位置上的点。

相关问答

Q1: js实现图片滚动效果

而就在此刻我们将滚动条高度设置为0（因为速度很快，所以不会出现停顿感），你感觉图片就这样一直不停的滚动下去了。关键点在于元素的复制、添加，以及滚动条距离的获取和修改。

自动滚动，主要思路是用js自带的setInterval方法。定义和用法 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。

) 如果图片要看上去是连续滚动（到最后一幅时接着出现第一幅）的，那么可以重复第一幅图像到阵列的最末，然后当画轴滚动到此时，重置偏移量到第一幅。

tab.onmouseover=function() {clearInterval(MyMar)}； //当鼠标移动demo上面时。调用clearInterval清除MyMar这样图片便不会在移动了。

Q2: js怎么实现鼠标经过一个div,div自动向右边平滑缓慢的移动50px

1、用JavaScript来实现，按钮添加点击事件，控制div的位置就好，有个附件给你看看，这是一种简单的写法，当然，还有很多写法，你可以用js慢慢尝试下。

2、：使用js的插件 目前主流的js库 比如jq 也有手势的插件，2：还有移动端的zepto库 也有手势插件，3：另外还有个叫QuoJS的手势插件 这个插件不依赖任何的库，4：早期的应该是用wml语言支持的WMLScript实现。

3、(div).css(top，count)})btn是你的按钮。div是要移动的div 你可以写他们的id或着class名 。

4、http：//基本原理就是鼠标按下修改div的left和top（或者right/bottom）。鼠标离开不变。

5、这种效果最好直接用css，不要过多用js去管不属于它职责范围内的东西。mains：hover{width：800px；}#mians{transition-duration：0.5s；}高版本浏览器自然兼容，如果要兼容低版本，你可以在网上查到兼容的代码。

Q3: jquery给多个锚点加上平滑滚动效果

思路是点击a标签，获取描点的位置，然后移动滚动条。

本文实例讲述了jQuery实现平滑滚动页面到指定锚点链接的方法。分享给大家供大家参考。

(高度和宽度根据需要设定)注意：如果只写高度，只有垂直滚动条，只写宽度，只有水平滚动条，所以什么都不写没有效果。

锚点滚动效果是点击锚点将页面滚动到指定位置的效果。它经常与导航结合使用。锚点滚动可以在Axure中以多种方式实现。

使用fullpage.js插件 fullpage.js是一款开源的JavaScript插件，它可以帮助您快速实现全屏滑动效果。要使用fullpage.js，您只需要引入对应的js和css文件，并按照文档中的指导进行配置即可。

第一步，在HTML中界面引入jquery和jquery-ui，注意jquery一定要jquery-ui前面，不然会报错，无法实现想要的效果。然后给div嵌套一个div，并且添加id，结构如图所示。我就给div添加了f和s的id。

Q4: js如何控制整个页面滚动条的位置

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

2、通过div的scrollTop变动控制垂直滚动条位置。\x0d\x0a通过div的scrollLeft变动控制水平滚动条位置。

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

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

js实现锚点平滑滚动的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js设置页面滚动的位置、js实现锚点平滑滚动的信息别忘了在本站进行查找喔。