js设置页面滚动的锚点，js控制滚动条到页面某个位置

页面比较长,所以用锚点做了个导航跟随页面往下滚动,如何能让页面到达锚...

交互效果说明点击左侧菜单选项，页面滚动至右侧对应内容板块。页面滚动时，左侧导航菜单固定，右侧内容滚动，滚动到每个内容板块时选中左侧对应菜单选项。效果预览：元件准备所需要的内容主要有三个部分：顶部导航栏/左侧菜单栏/右侧滚动内容区。

比如现在有thtml和thtml两个页面，t1页面中需要设置超链接跳转到t2页面中的锚点a1位置，则需要按如下步骤进行设置：t1页面中设置超链接href属性。跳转到t2页面a1 t2页面中设置锚点元素的ID为a1。

准备工作侧边栏：拖出一个较窄深色的长方形矩形。拖出四个相同大小，同色的小矩形，命名为“paragraph1”等，覆盖在大矩形上。主页面：拖出一个较宽的浅色长方形矩形，并在上面设计好每段落的内容。

例如我们在做一个很长的网页时，需要在页面内做一个导航，点击导航里的链接不是新开一个窗口或者跳转到其他网址，而是跳转到当前页的某一个位置。那么所要跳转到的那个位置，我们就叫做锚点，它是一种在页面内部定位的方式。

相关问答

Q1: JS如何实现在页面上快速定位(锚点跳转问题)

1、关于利用锚点定位的一个新思路：首先，通过锚点定位，页面都是转到页面相应锚点居于顶端。因此，对于需要使页面高度不变而只是利用锚点效果的使用来说，这非常不方便。

2、例如我们在做一个很长的网页时，需要在页面内做一个导航，点击导航里的链接不是新开一个窗口或者跳转到其他网址，而是跳转到当前页的某一个位置。那么所要跳转到的那个位置，我们就叫做锚点，它是一种在页面内部定位的方式。

3、方法一：给锚点文本标签添加id，使用来定位，当单击a链接时，就会跳到id为a01的p标签处；如： 练习练习练习练习练习 练习 这样的定位可以针对任何标签来定位。

4、问题一：淘宝店铺 这种锚点连接怎么做的 30分 用js，假设 height 为它到页面顶部的高度。当页面下滑高度超过 height 时就将它定位为固定定位（position：fixed）问题二：如何在淘宝店铺同一个页面添加锚点？ 10分 锚点就是 点开A点链接，到了同一个页面的B位置。

5、在控件的clickable属性为false时，可以使用控件的bounds属性来定位其位置，并通过点击坐标来实现单击操作。在您提供的信息中，bounds属性的值为(31，77，47，106)，这代表了该控件在屏幕上的位置信息。具体来说，这个值表示该控件的左上角坐标为(31，77)，右下角坐标为(47，106)。

Q2: 如何通过js让div在页面滚动中固定不动

不用CSS是行不通的，js或jquery做出的效果，也是使用了css中的相关属性。

通过css定位，来设置div在页面滚动中固定不动，CSS position定位属性 static 元素框正常生产relative 相对定位： 相对于正常定位进行偏移 absolute 绝对定位： 相对于其包含块定位.因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其它元素。

很多时候，需要对div进行固定，比如在线咨询模块，这就需要固定div在显示页面的位置，而不能随滚动条滚动。思路：将需要固定的div做成悬浮框，目的是能和别的div块重合，然后当触发滚动条事件，动态改变div坐标。

亲你好，我前几天刚刚做了一个这个效果。下面我将分享给你。 首先你去网上搜索一个Jquery的插件 这个插件的名字叫做【jquery.scroll-follow.js】 引用一个CSS的样式 引用这个插件的使用函数就可以。

百度一下superslide2 ，大话主席开发的这个JS。网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”，还有你说的这种间断滚动，都可以用这个js来控制。

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

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