草庐IT

tel-anchors

全部标签

javascript - 滚动后滚动到下一个 anchor

我正在编写一个网站,我想构建一些窗口大小的div/部分。当用户停止在其中两个div之间滚动时,在那一刻占用更多空间的div应该滚动,因此它将是全窗口大小。 最佳答案 有jQuery插件可以做到这一点,但这里有一个很好的模板,可以帮助您了解如何实现自己的插件:https://startbootstrap.com/template-overviews/scrolling-nav/这里是相关的滚动JavaScript,用于缓动函数以使其美观且可滚动://jQuerytocollapsethenavbaronscroll$(window).

html - 粘性标题覆盖 anchor 文本

我有一个float在页面其余部分的粘性标题。当我链接到页面anchor时,当然是滚动以便anchor位于页面顶部。但是,当发生这种情况时,标题会覆盖下面的文本。有办法解决这个问题吗?我不能只是将anchor向下移动,因为页面上有很多anchor,每个anchor后面都有不同数量的文本。我的第一个想法是以某种方式滚动到anchor上方的某个高度。谢谢,大卫 最佳答案 :target伪元素可能就是您要查找的内容。使用:target可以寻址用#标记指出的元素。了解更多信息here 关于html

html - 粘性标题覆盖 anchor 文本

我有一个float在页面其余部分的粘性标题。当我链接到页面anchor时,当然是滚动以便anchor位于页面顶部。但是,当发生这种情况时,标题会覆盖下面的文本。有办法解决这个问题吗?我不能只是将anchor向下移动,因为页面上有很多anchor,每个anchor后面都有不同数量的文本。我的第一个想法是以某种方式滚动到anchor上方的某个高度。谢谢,大卫 最佳答案 :target伪元素可能就是您要查找的内容。使用:target可以寻址用#标记指出的元素。了解更多信息here 关于html

html - 单页应用程序 (SPA) 中的命名 anchor

在SPA中,使用Sammy.js等导航框架,如何在页面中使用名为anchor的页内导航?例如假设我有一条类似localhost/myapp/#/somerecord/1的路线应用程序加载id=1的somerecord。然而,somerecord确实很复杂而且很长。我希望能够使用命名anchor跳转到某个部分。假设文章元素定义为...我只是链接到喜欢SectionD它在技术上是可行的,但URL读起来像localhost/myapp/#section-d,这会破坏导航堆栈。点击后退按钮将我带回到localhost/myapp/#/somerecord/1并且没有跳回顶部。首选操作是跳回顶部

html - 单页应用程序 (SPA) 中的命名 anchor

在SPA中,使用Sammy.js等导航框架,如何在页面中使用名为anchor的页内导航?例如假设我有一条类似localhost/myapp/#/somerecord/1的路线应用程序加载id=1的somerecord。然而,somerecord确实很复杂而且很长。我希望能够使用命名anchor跳转到某个部分。假设文章元素定义为...我只是链接到喜欢SectionD它在技术上是可行的,但URL读起来像localhost/myapp/#section-d,这会破坏导航堆栈。点击后退按钮将我带回到localhost/myapp/#/somerecord/1并且没有跳回顶部。首选操作是跳回顶部

html - 如何在 Bootstrap 4 中将 anchor 样式设置为按钮?

当我使用按钮时,它在Bootstrap4中看起来像这样:Download当我使用anchor而不是按钮样式时,它看起来像这样:Download如何让我的anchor看起来像一个平面按钮? 最佳答案 首先删除type="button"来自.您需要为更新css并编写自定义css标签。a.btn{border-radius:.25rem;border:1pxsolidtransparent;padding:.5rem1rem;color:#fff;}a.btn:hover{border-radius:.25rem;}DownloadDow

html - 如何在 Bootstrap 4 中将 anchor 样式设置为按钮?

当我使用按钮时,它在Bootstrap4中看起来像这样:Download当我使用anchor而不是按钮样式时,它看起来像这样:Download如何让我的anchor看起来像一个平面按钮? 最佳答案 首先删除type="button"来自.您需要为更新css并编写自定义css标签。a.btn{border-radius:.25rem;border:1pxsolidtransparent;padding:.5rem1rem;color:#fff;}a.btn:hover{border-radius:.25rem;}DownloadDow

javascript - 在 anchor 标记的 href 属性中使用 JavaScript 变量

假设我有一个名为link的JavaScript变量其中包含这样的URL:www.google.com.我需要在href中包含此变量属性在2个地方,例如:link这应该返回如下内容:Google我尝试了各种方法但都失败了。可以这样做吗?JavaScript变量应该在这两个地方使用。注意:我需要使用里面的变量还标记 最佳答案 假设您的HTML中有以下内容linklink您可以执行以下操作varhref='http://www.google.com';//anyotherlinkaswishvarlinks=document.getEle

javascript - 在 anchor 标记的 href 属性中使用 JavaScript 变量

假设我有一个名为link的JavaScript变量其中包含这样的URL:www.google.com.我需要在href中包含此变量属性在2个地方,例如:link这应该返回如下内容:Google我尝试了各种方法但都失败了。可以这样做吗?JavaScript变量应该在这两个地方使用。注意:我需要使用里面的变量还标记 最佳答案 假设您的HTML中有以下内容linklink您可以执行以下操作varhref='http://www.google.com';//anyotherlinkaswishvarlinks=document.getEle

html - 旋转效果 anchor 标记 CSS3

大家好!我试图用CSS3创建一个旋转的悬停效果。刚刚做了一个圆圈旋转的效果。在此处检查jsFiddle:http://jsfiddle.net/63yyeezn/26/但是我现在想做的是创造一些可以旋转的东西,但这次是盒子类型就像这张图:所以基本上我想要类似的效果,就像我上面显示的jsFiddle一样,但是这次它必须是盒子。真的很难弄清楚这一点。这是我的CSS:body{background:#292929;padding-left:30px;font-size:12px;}.twist{display:inline-block;font-size:45px;line-height:9