问题标签 [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 回答
1348 浏览

javascript - 如何在 ng-repeat 中使用 anchorScroll() 在索引 x 处开始视图

我试图以 15 分钟的步长列出 24 小时内的所有分钟。
所以,我在数组中有这些分钟列表,并使用ng-repeat.
就我而言,当页面加载时,我想将 07:30 的列表显示为顶部,但如果我向上滚动,它必须能够显示 07:15、07:00...

我尝试使用filter: 'after',它从 07:30 开始显示,但不在 07:15、07:00 之前显示...

有没有办法ng-repeat从元素 07:30 开始显示?

我用我尝试过的东西创建了一个 plunker。

请任何帮助,在此先感谢。

0 投票
0 回答
392 浏览

angularjs - 带有离子模式的anchorScroll无法正常工作,如何?

您如何在离子模式中将 $ionicScrollDelegate 与 anchorScroll 一起使用,我能够使其在 angular App 和 ionic(没有离子模式)中使用,

在角:

有角度的工作

在离子中:

在这个 plunker 中,我刚刚测试了离子模态和没有离子模态

当我开始使用与离子模态相同的概念时,我无法使其工作。我需要做些什么才能使其与离子模态一起使用

plunker 与离子

我需要的是在我的开放式启动模式中,我需要在 07:30 开始查看并在 17:30 之前在关闭模型开始查看,

(注意:这两个函数在我的应用程序中的同一个控制器中调用)

非常感谢任何帮助,在此先感谢。

0 投票
4 回答
6578 浏览

javascript - 在#anchor 之前删除href 中的部分链接?

我的页面上有一个链接:

我想使用 jQuery 删除 .jump 类中任何 URL 的“ http://example.com/ ”部分。你能用最简单的代码指出我正确的方向吗?如果可能,我希望代码在散列之前删除任何内容,而不是在 jQuery 代码中指定 URL(例如删除http://example.com/ )。

谢谢你!

0 投票
0 回答
141 浏览

html - angularjs:修复了锚点的标题问题

我的页面顶部有一个固定的标题,并且我在 angularjs 中使用了锚点。我的问题是当我单击anchor 1页面顶部的 div 跳转时,我看不到它。不应该出现在固定标题的anchor后面。

我该如何解决这个问题。提前致谢。我目前指的是这个 plunker:http ://plnkr.co/edit/0ZqAWjHZbTJCtlDL2qpu?p=preview

0 投票
1 回答
15 浏览

jquery - can't seem to get the links to the right heights on the website because my menu is in the way

I have a website with a fixed menu, and the menu links throw the user down the one page to the content for the link they clicked. But because I have the fixed menu, when I click on a link in the menu and the website throws me down, it would be perfect, if my menu wasn't in the way. But it is. I'd like the content to start after my fixed menu, but I don't know how to get that done. This is the jQuery I use to get the links to throw the user down:

0 投票
5 回答
21408 浏览

angularjs - 在 Angular 中加载页面后滚动到锚点

我需要设置一个 ng-click 事件,以便它加载一个新页面,然后在页面加载后滚动到页面上的锚点。我已经尝试了这个 SO 帖子中提出的所有解决方案,但我无法让它正常工作。

大多数这些解决方案都围绕滚动到已经加载的页面上的锚点。我需要在新页面加载后发生滚动。

这是我的视图代码:

这表示“个人资料卡”内的按钮。当用户点击卡片时,它会将他们带到个人资料页面。但是,当他们单击按钮时,它需要将他们带到该配置文件页面的#jobs 部分(因此在代码中的 goToResultJobs(r) 之前的 $stopPropogation() )。

这是我的 goToResultJobs 方法的样子。

我已经尝试使用$anchorScroll并且只是在锚中硬编码到 中profileUrl,但没有一个工作。我对 Angular 很陌生,所以我不知道我在这里缺少什么。

更新 1:尝试使用 $timeout

这是我goToResultJobs在 ResultsCtrl 中的方法,当用户单击按钮时触发:

这将加载/name#jobs路径,该路径调用下面的 ProfileCtrl:

此设置似乎有效,因为TEST仅在单击作业按钮时出现在控制台中,但在用户仅单击配置文件时不会出现。我现在面临的问题是页面开始加载,并且 url 栏中的路径更改为/name#jobs,但在页面完成加载之前,jobs从 url 中剥离。因此,当$anchorScroll()被调用时,哈希中没有可以滚动到的锚标记。

0 投票
2 回答
1737 浏览

angularjs - $anchorScroll 无法正常工作

单击按钮时,我希望页面滚动特定的 div bottom

我第一次单击时,页面将转到最顶部,并且初始 url http://localhost:8000变为http://localhost:8000/#/bottom为什么它不转到div我提到的)。

我第二次单击按钮时,url 变为 http://localhost:8000/#/bottom#bottom并转到 div bottom这就是我想要的)。

我该如何处理?

代码片段

提前致谢

如果需要,请寻求更多解释。. .

0 投票
0 回答
148 浏览

javascript - Angularjs $anchorScroll 滚动一切

我在带有滚动条的窗口中有一个带有滚动条的列表。

当用户选择列表中的一个元素时,我使用 $anchorScroll 将该项目滚动到列表顶部。

一个不幸的副作用是整个窗口也会滚动,直到该项目位于窗口顶部。

我如何让列表滚动?

0 投票
3 回答
1168 浏览

wordpress - 隐藏在标题后面的 Woocommerce 锚链接

我的 wordpress 网站 ( http://www.libertadtravel.com ) 上有一个固定的标题,所以当使用锚链接时,锚隐藏在标题后面。不用担心 - 我用以下方法解决了这个问题:

我的问题是这对结帐时内置的 woocommerce 功能没有影响。尝试付款时出现错误,页面向上滚动以显示错误 - 除非它隐藏在标题后面。我没有运气就尝试了以下方法:

我猜 woocommerce 没有使用传统的主播?任何想法如何让这个功能发挥作用,以便错误在标题下方可见?谢谢。

0 投票
2 回答
580 浏览

javascript - 从锚链接到达后切换 div

我的目标是创建锚链接,平滑滚动到其目的地,并在到达目的地后,切换类以打开手风琴。

我很难取得工作成果。滚动代码在这里:

我的网址中没有哈希。

如何在此滚动代码中包含切换?

谢谢!