草庐IT

anchor-scroll

全部标签

html - 在 Angular 6 中使用 HTML anchor 链接#id

我正在使用Angular6项目,在该项目中我禁用/删除了hash-location-strategy,它从URL中删除了#。由于此更改,链接具有:ContactSettingsContactTypes不再有效,它只是跳过当前组件URL并将#contactTypes放在localhost之后。我找到了这个githubissue应该使用解决问题ContactTypes它将#contactTypes放在URL的末尾,但它不会滚动到浏览器的顶部。来源:https://github.com/angular/angular/issues/6595 最佳答案

html - 在 Angular 6 中使用 HTML anchor 链接#id

我正在使用Angular6项目,在该项目中我禁用/删除了hash-location-strategy,它从URL中删除了#。由于此更改,链接具有:ContactSettingsContactTypes不再有效,它只是跳过当前组件URL并将#contactTypes放在localhost之后。我找到了这个githubissue应该使用解决问题ContactTypes它将#contactTypes放在URL的末尾,但它不会滚动到浏览器的顶部。来源:https://github.com/angular/angular/issues/6595 最佳答案

javascript - 单击带有 id 的 anchor 标记而不是跳转到该 div 时需要平滑滚动到 div

这个问题在这里已经有了答案:ScrolltoanelementwithjQuery(32个答案)关闭8年前。这是我使用的代码,当我点击链接时它只是跳转到那个div所以我想要一些动画水平滚动来显示那个div谢谢

javascript - 单击带有 id 的 anchor 标记而不是跳转到该 div 时需要平滑滚动到 div

这个问题在这里已经有了答案:ScrolltoanelementwithjQuery(32个答案)关闭8年前。这是我使用的代码,当我点击链接时它只是跳转到那个div所以我想要一些动画水平滚动来显示那个div谢谢

javascript - 浏览器后退按钮不适用于 anchor 链接

在我页面的页脚中,有一些链接使用anchor标记(#附加到页面的URL)指向同一页面上的不同部分。这工作正常,只是浏览器后退按钮不起作用:我无法从导航到锚定页面的位置返回到上一页。这里的简单问题是,是否可以在定位页面中导航几次后返回上一页?如果是那么请你建议怎么做?锚定页面:该页面有几个由id属性标记的部分,可以由末尾带有#anchorId的URL指向。 最佳答案 我也遇到了同样的问题见我的问题anchorlinksreferringtothepagesectionsnotworkingonbrowserrefresh,backan

javascript - 浏览器后退按钮不适用于 anchor 链接

在我页面的页脚中,有一些链接使用anchor标记(#附加到页面的URL)指向同一页面上的不同部分。这工作正常,只是浏览器后退按钮不起作用:我无法从导航到锚定页面的位置返回到上一页。这里的简单问题是,是否可以在定位页面中导航几次后返回上一页?如果是那么请你建议怎么做?锚定页面:该页面有几个由id属性标记的部分,可以由末尾带有#anchorId的URL指向。 最佳答案 我也遇到了同样的问题见我的问题anchorlinksreferringtothepagesectionsnotworkingonbrowserrefresh,backan

html - "overflow-y: scroll;"隐藏水平线上溢出的元素

我有一个parentdiv,它包含一个绝对定位的childdiv。childdiv位于parentdiv的初始边界之外。渲染正常,没有任何问题。我添加了一个overflow-y:scroll;到parentdiv,现在child元素被隐藏了,尽管添加了overflow-x:可见;.CSS#parent{position:relative;overflow-y:scroll;overflow-x:visible;}#child{position:absolute;left:-50px;}还有一个Fidle 最佳答案 我们在stacko

html - "overflow-y: scroll;"隐藏水平线上溢出的元素

我有一个parentdiv,它包含一个绝对定位的childdiv。childdiv位于parentdiv的初始边界之外。渲染正常,没有任何问题。我添加了一个overflow-y:scroll;到parentdiv,现在child元素被隐藏了,尽管添加了overflow-x:可见;.CSS#parent{position:relative;overflow-y:scroll;overflow-x:visible;}#child{position:absolute;left:-50px;}还有一个Fidle 最佳答案 我们在stacko

html - SVG堆栈, anchor 元素和HTTP提取

我有一系列重叠的问题,最好将其交集为:在什么情况下,URL中的#字符(anchor)会在或的上下文中触发HTTP提取?通常,应:http://foo.com/bar.html#1和http://foo.com/bar.html#2需要两个不同的HTTP提取?我认为答案绝对应该是“否”。更详细的信息:引发此问题的情况是我第一次尝试使用SVGstacking(一种可以将多个图标嵌入单个svg文件中的技术),因此仅需要一个HTTP请求。本质上,想法是将多个SVG图标放置在一个文件中,并使用CSS隐藏所有图标,但使用CSS:target选择器选择的图标除外。然后,当您在HTML中编写#元素时,

html - SVG堆栈, anchor 元素和HTTP提取

我有一系列重叠的问题,最好将其交集为:在什么情况下,URL中的#字符(anchor)会在或的上下文中触发HTTP提取?通常,应:http://foo.com/bar.html#1和http://foo.com/bar.html#2需要两个不同的HTTP提取?我认为答案绝对应该是“否”。更详细的信息:引发此问题的情况是我第一次尝试使用SVGstacking(一种可以将多个图标嵌入单个svg文件中的技术),因此仅需要一个HTTP请求。本质上,想法是将多个SVG图标放置在一个文件中,并使用CSS隐藏所有图标,但使用CSS:target选择器选择的图标除外。然后,当您在HTML中编写#元素时,