问题标签 [anchor-scroll]

我通过使用生成了一个链接onclick="location.href='@Url.Action("Action", "Controller")#myAnchor'"。

发生的情况是 url 是这样生成的：

显然“/”是错误的，但是即使我在任何浏览器的地址栏中手动输入地址，它也会生成上面的链接。

我创建了一个简单的<a href="#myAnchor">Link</a>但显示相同的行为。

那么，如何生成一个链接https://url.com#myAnchor，让我的视图向下滚动到给定的锚点？

即使附近没有带有 ID 的元素，是否可以通过链接将快捷方式转到我想要的部分？到目前为止，我已经尝试过：

一个要求是我无法访问我链接到的网站，它完全是外部的。我的问题是，锚标签（或类似标签）唯一能做的就是滚动到具有特定标签的元素id？例如：这目前有效：https://stackoverflow.com#footer因为 stackoverflow 的页脚有一个idof footer。

但是，如果id附近的任何元素上都不存在 ' 怎么办。

欢迎使用其他框架的答案，尽管可能无关紧要。

我最近想知道为什么不能通过修改ionScroll.subscribe()中的 [(ngModel)] 来更改 ionic v3 中的活动段。我将分段内容堆叠在彼此下方。因此，当我的滚动位置超过特定位置时，我正在使用“锚滚动”按钮并希望它们反之亦然。这是我的代码：

例子.ts

我尝试了很多东西，可能会发生一些疯狂的事情。例如，由于最新的 Angular 允许直接使用 DOM 中的元素，因此我在元素上触发了点击事件。然后该段很快似乎处于活动状态，并且在一毫秒后，前一个段再次变为活动状态。我也在玩只是改变css类。但是，当单击分段按钮时，我必须捕获它，删除所有segment-button segment-active类并将其手动添加到所选的类中。

锚滚动基于RouterModule视口可滚动区域，mat-sidenav-container当与属性一起使用时将 ifself 设置为 100% 高度fullscreen，没有视口溢出RouterModule可更改。

在上面的示例中，所有可滚动内容都存在于mat-sidenav-content.

有没有办法代替视口作为滚动容器参考RouterModule？mat-sidenav-container

请参阅StackBlitz 示例。查看没有全屏的工作版本。

来自法国的你好！

我正在开发一个 web 应用程序，但我不知道如何从另一个页面转到特定 div：我有一个页面 (myapp/#!/shop.php)，其中包含产品列表和每个产品的链接到详细信息页面 (myapp/#!/shop-item.php)。用户从列表页面滚动到一个产品，单击一个项目以查看详细信息。我需要在详细信息页面中创建一个链接以返回列表页面，但特别是用户单击的最后一个项目（以避免用户再次滚动完整列表）。

注意： * 我使用的是 jquery 模板 * 列表页面包含标题和 mysql 查询 * 注意页面之间的链接包含myapp/#!/ + thenameofpage.php

感谢您的帮助！

我有这个 url http://localhost:8080/?london并且它需要加载到 london 的 id <section id="london">.- 这是在页面上。我不能使用http://localhost:8080/#london，即使这样可以！

为了让事情变得更复杂，我使用了一个 vue 框架，他们想要 master-origin/src/assets/js/mixins/Anchor.js 中的代码 - 因此我无法安装 jquery，必须是 vanilla js。

我努力了

哪个在/？之后获取值，但是当我尝试scrollIntoView时，我在控制台中收到此消息

TypeError: el.scrollIntoView is not a function at VM10022 IE work:4

为什么？我正在关注 w3 学校指南https://www.w3schools.com/jsref/met_element_scrollintoview.asp

我创建了一个表格，其中包含使用有角材料的标签和表格下方的框。

当用户单击表中的一个值时，该框下方的框应该被启用并向下滚动到该框所在的底部页面

我只是使用了在 JS 中完成的所有可能方式，但没有一个效果很好

我试过这个http://plnkr.co/edit/qIMIhIhqPymICTe0uzSh?p=preview

下面是表格，点击第一个值时，应该触发该框

盒子代码

我可以像这样检测锚点变化：

/滚动到部分：

我App在这个组件中插入了这个：

在应用程序的一个组件中，这是列表，它具有

字幕：

所以现在../PageSubtitle

使用ScrollToPart我可以通过锚链接检测更改，我可以移动到该特定部分。（我有一些分页功能，可以将我导航到“我的列表”和“团队列表”）。

当我的页面加载时，我无法移动到任何一个部分。页面加载/重新加载时，在组件中element作为 null 传递。ScrollToPart

你能帮忙吗？

在编码网站方面，我相当基础，但我想将锚点合并到我的水平滚动网站中。我试过了，但它不起作用。

下面是我尝试过的代码 - 我不确定这是否与我的导航栏不是标准有关，<li>而是我使用单独的 div。我将附上一张关于我如何设计网站的图片，以便您理解这个概念。

HTML：

图片： https ://imgur.com/fh6hq3O

我想最终合并平滑滚动，但一旦我解决了这个问题，我就会考虑这一点。

我有一个条款和条件的静态页面。

链接是这样设置的

条款-routing.module.ts：

什么管理滚动“动画”：

我有用于调试目的的 console.log，它甚至没有打印出任何未定义的内容。它只是空白。但是，如果我尝试使用常规 JS 来执行此操作，例如：

你我被禁止使用JS，它需要用TS来完成。或者至少我的上级说这不是 TS，我需要用 Angular 相关的 TS 来做

由于 ElementRef XSS 问题，我在 reddit 上看到了一个发布指令解决方案， 但它对我不起作用:(我错过了什么？