问题标签 [anchor-scroll]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1259 浏览

jquery - Anchor tag href points to div after clicking it adds undefined in url

I have code like this:

After clicking the anchor tag scroll automatically moves to div part but instead of #div-part in url it adds #undefined in URL. e.g. localhost:80/index.jsp#undefined.

Please help me on this.

0 投票
2 回答
127 浏览

javascript - 我需要一个页面上的 javascript 来影响不同页面上的元素

我正在使用 javascript 来控制我的页面页面在单击锚链接后滚动到的位置,因为我有一个固定的导航。

我有一页锚+脚本在(PAGE B)上正常工作。我的问题是我在不同的页面(PAGE A)上有按钮,需要在正确工作的页面(PAGE B)上定位锚点。锚本身可以正常工作,但 javascript 不会触发。

它没有触发的原因(通过发出警报而不接收弹出窗口进行测试)是因为 PAGE A 上的按钮的 javascript 不知道在 PAGE B 上查找元素。谷歌搜索三个小时后,我无法弄清楚如何告诉它查看一个新页面,而不仅仅是元素的层次结构。我确信这非常简单,但我是 javascript 的初学者,感谢您的帮助。

编码:

PAGE A 按钮 HTML:

页面 Javascript:

页 B 锚点 HTML:

PAGE B:Javascript:(与 PAGE A 完全相同)

请和谢谢。

0 投票
0 回答
347 浏览

javascript - $anchorScroll 到异步绑定的元素 id

鉴于此标记:

注入$anchorScroll(使其被实例化),如果它与 url 中的哈希匹配,将导致窗口滚动到绑定的 id,因此/#id-4将在加载时滚动到。

出乎意料的是,如果$scope绑定是异步加载的,$anchorScroll则不会自动或通过$anchorScroll()随时调用手动工作,即使在我可以验证 id 是否已设置的指令中也是如此。这让我很困惑。

Demo here(注释/注释初始 $scope 绑定)。

这是我想出的,但似乎应该有一种更自然的方式使用$anchorScroll. 事实上,它在演示中有效,但奇怪的是在我的项目中不起作用。

我的指令演示在这里。

这个问题肯定比看起来更多。

更新

在进一步调查中,问题可能是由于ui-router它的默认autoscroll行为造成的。我一直无法克服这个问题。

0 投票
2 回答
26522 浏览

javascript - 鼠标滚轮自动滚动到下一个锚点

我的 html 页面上有 5 个锚点。有没有什么方法可以通过单个鼠标滚轮滚动页面自动滚动到下一个锚点 (#)?不管主播的名字如何,有没有办法发生这种情况?只是到下一个锚。

0 投票
3 回答
866 浏览

javascript - 使用 jQuery 的 setTimout() 函数进行锚点滚动

我仍在学习如何使用 jQuery,并且我有这个脚本可以平滑滚动到我页面上的锚点。我希望它在开始滚动之前等待一秒钟,因为我有一个需要关闭的菜单。我假设我需要使用该setTimeout()功能,但无法弄清楚如何在下面的代码中正确实现它。

0 投票
1 回答
20375 浏览

angularjs - 如何在 AngularJS 中设置和使用 $anchorScroll 的 yOffset 属性

$anchorScroll在 AngularJS 中使用 -service。它工作正常。但是我在顶部有一个固定的导航栏,滚动位置总是 x 像素到很远。

现在在$anchorScroll文档中有一个名为yOffset. 根据文档,它应该可以解决我的问题。

但是我不知道如何使用这个 yOffset-property,因为这个特定的部分没有例子。

如何使用-service的yOffset-property ?$anchorScroll

0 投票
2 回答
1128 浏览

html - 如何在 html 锚点上考虑正文边距

我有这个页面,顶部有一个固定的nabber(使用默认的引导导航栏)。

该页面包含一个菜单,其中包含使用 html 锚点指向页面不同部分的链接。重点是:滚动位置并不完美,因为我有这个导航栏占据了页面的前50px,所以点击html链接锚定后,内容被导航栏隐藏了50px。

我想要做的是:锚链接考虑前 50px 以将其完美滚动到内容。

有谁知道如何解决它?

0 投票
0 回答
105 浏览

html - 如何使用锚点修复模板中的外部链接标记

我购买并定制了一个 html 模板 www.autoveille.ca,但在添加链接时遇到问题 (href="http://www.autoveille.ca/en/index.html")。该文档使用带有 id 的锚点,但我希望添加一个外部链接,这会在我网站的其他部分产生问题。在网站底部的“Liste de nos givennaires associés”部分,列表显示不正确且过滤器不起作用。唯一发生这种情况是在我添加外部链接时。我究竟做错了什么?

任何帮助表示赞赏!

0 投票
2 回答
690 浏览

r - 在 R 中使用 Selenium 包抓取锚定网站

我对 R 相当陌生,并且在从福布斯网站提取数据时遇到了麻烦。

我目前的功能是:

网址 =

p>

数据 = readHTMLTable(url)

但是,福布斯网站在链接中以“#”符号锚定。为了解析我想要的数据,我下载了 rselenium 包,但我对 reselenium 并不精通。

有没有人对 reselenium 有任何建议/专业知识,以及如何使用 reselenium 从福布斯提取数据?理想情况下,我想从网站的第 1、2 页等中提取数据。

谢谢!

0 投票
1 回答
519 浏览

angularjs - 在 ng-repeat tr 元素上使用 $anchorScroll

我很难让 $anchorScroll 起作用,以便单击 tr 元素滚动屏幕,使 tr 位于屏幕的最顶部

我有一个中继器,它的 tr 元素看起来像

我的选择订单方法看起来像

我将 $location 和 $anchorScroll 都注入到我的控制器中,如果我使用 console.log ,我可以看到它们包含正确的数据。我还可以验证该行是否正确传递给该方法。

使用上面的代码,不会发生滚动事件。