如何使用CSS平滑滚动来补偿固定标题？

文章/答案/技术大牛

发布

1回答

css、reactjs

我使用下面的代码添加了CSS的平滑滚动- html {} 我的头是固定的，长度是75px。我有一个带有锚标签的链接，可以转到页面的不同部分，但当它被点击时，由于标题的原因，它是75px的。我知道我可以使用jQuery来补偿75px的像素，但这是一个React应用程序，如果可能的话，我宁愿避免使用jQuery。有没有使用CSS

浏览 22提问于2020-08-24得票数 1

回答已采纳

2回答

Jquery scrolltop偏移固定标题

jquery、html

我正在使用JQuery来平滑滚动图像： $("html:not(:animated).this.blur(); return false;}); 它工作得很好，但是我在网站上有一个固定的导航栏，当它滚动时，它会留在页面的顶部。当页面向下滚动到下一个图像时，它会滚动到导航

浏览 0提问于2011-10-27得票数 1

1回答

使用平滑滚动条插件触发滚动事件的问题

javascript、jquery、plugins、scroll、addeventlistener

我使用的是插件平滑滚动条()。 scrollbar.addListener((status) => { }); 这是代码来动画我固定的标题</

浏览 0提问于2020-11-20得票数 0

1回答

使用JavaScript保持水平滚动头固定在顶部

javascript、css

我试图使用JavaScript在页面顶部保留一个标题。无法使用position: fixed，因为标题需要水平滚动。保持在顶部是容易的，但使它成为平滑的是有问题的。对于一些用户来说，Chrome是平滑的，但对每个人来说，Safari都是滞后的。我如何保持标题固定在顶部，这样它就不会是简陋的，同时滚动。编辑:要使它落后于Chrome，请尝试在JSBin中切换HTML、CSS

浏览 3提问于2016-08-19得票数 1

回答已采纳

2回答

如何将div置于固定位置div下？

html、css、position

我有一个职位:固定的div在我的页面顶部，这样当一个用户滚动时，菜单总是停留在顶部。我正在使用CSS和HTML。我使用一个平滑滚动的jQuery，并需要每个区段标题出现在菜单栏下。

浏览 2提问于2015-05-15得票数 1

回答已采纳

2回答

是否有可能有一个粘性标题，滚动到一个响应式布局中的所有锚点？

header、responsive-design、anchor、sticky、smooth-scrolling

我有一个响应式布局，并且我使用sticky.js作为我的头文件。除了一些我可以接受的小故障之外，这似乎是有效的。但是我的锚点总是关闭的(我使用的是平滑滚动)。当响应布局不断改变宽度和高度时，当滚动到锚点时，我不确定如何补偿粘性标题？

浏览 2提问于2013-03-08得票数 0

1回答

HTML位置:固定可变高度页头和页内锚

html、css、anchor

我已经成功地设计了页面锚，这将在第一次点击补偿固定的标题高度，代码如下： FILLER TEXT我的问题是，当你滚动的时候，我的标题会缩小，所以一旦你通过锚点击到页面上，下一次你点击那个页面的锚--当--在那个页面上--时，填充覆盖-补偿(因为

浏览 4提问于2016-03-17得票数 2

2回答

通过jQuery以编程方式设置滚动动画时，不要阻止滚动动画

javascript、jquery、scroll

"line-height": "50px" $(document)，它是文档流的一部分，然后在您向下滚动通过它时变成一个较小的固定标题。我希望在这个过程中，用户滚动的动作是平滑的。如果你看到手机上的钢笔(或者使用chrome的设备工具栏

浏览 0提问于2018-05-05得票数 1

回答已采纳

1回答

在scrollTo上禁用css滚动平滑

javascript、css

我的元素有css scroll-behavior:smooth，我使用它来平滑散列的"a href“链接。我希望页面首先加载到页面上的一个固定位置，这意味着它不会在第一次加载时将滚动“平滑”到该位置，而只是在之后使用它。我不想使用任何setTimeOut技巧，我知道scrollTo有被广泛支持的“选项”，但我找不到任何类型的“行为”来覆盖css平滑度。

浏览 24提问于2021-02-25得票数 1

2回答

锚偏移不起作用

jquery、html、css、anchor、offset

我创建了一个带有固定页眉的页面，其中我想使用平滑滚动(jQuery)。由于固定的标题，我需要添加一个偏移到我的锚链接。我试过像这样设置锚然后添加一个CSS类。

浏览 1提问于2015-06-06得票数 0

回答已采纳

1回答

Jquery平滑滚动与动态高度

javascript、jquery、html、scroll、smoothing

我创建了一个个人网站，我想在那里使用平滑滚动脚本。一切都很好，但我想改变高度的标题，当你点击从。因此，它是500便士的正确位置。怎么处理呢？你可以看到网站。您可以看到标题html、我的javascript和css i试用了 www.jsfiddle.net/

浏览 5提问于2014-10-21得票数 0

回答已采纳

1回答

我有一个固定的标题。我将它设置为position: fixed，但它可以沿x轴滚动。这是我在x-scroll中使用的javascript： var thead = document.querySelector("#acctInqFormResults table tr:first-child当我用手指放大表格时，固定的标题显示的滚动速度与文档全尺寸加载时的滚动速度相同，从而使标题和表格内容不同步。有没有一种方法可以补

浏览 1提问于2015-08-11得票数 0

1回答

粘性靴带海军和光滑-卷轴垫/边缘-顶部

javascript、css、twitter-bootstrap、bootstrap-4、smooth-scrolling

我正在尝试用平滑滚动行为实现一个引导粘滞导航条(固定高度81 of )。HTML具有节标记(如<section class="section" id="news"> )，它可以通过在导航栏中使用<a class="nav-link" href="#news">News</a>来跳转到特定区域。我正在使用以下CSS和JS技术，这些技术在<bo

浏览 5提问于2021-12-15得票数 1

回答已采纳

2回答

有光滑卷轴的固定标头帐户

jquery

我有一个jQuery脚本用于在我的站点上进行一些平滑的滚动，并且我有一个固定的位置头，但是我不知道如何计算固定的标题大小，因为当它向下滚动时，固定的标题覆盖一个标题。

浏览 3提问于2016-12-13得票数 1

回答已采纳

1回答

使用纯CSS视差和计算视口的问题

jquery、css、parallax

我在下面的页面中尝试使用Keith Clarks纯CSS视差： $( document ).scrollTop(); 这个问题有什么解决方案或变通办法吗？到目前为止，在js中使用视差效果对我来说是行不通的，因为我发现的大多数插件都只处理改变背景图像的滚动速度。

浏览 2提问于2015-09-29得票数 0

1回答

jquery在Chrome中平滑滚动而不是在Internet中

javascript、jquery、css、scroll

我正在尝试一个固定的标题在页面顶部。因此，当用户向下滚动时，标题将保持在顶部。然而，这只是在Chrome，FireFox和Opera中的工作，它们可以顺利滚动。 <header> <h2>Title

浏览 2提问于2014-10-24得票数 1

回答已采纳

1回答

将tsv表视为html，并固定行和列标题。

python、html、css、visualization、csv

我希望列和行标题成为固定的，所以当您浏览结果时，您总是知道它们对应的内容。到目前为止，这就是我所掌握的。我认为它只需要在css中做一些小的修改。/css" rel="stylesheet" />'print>>f,' <div class="tableparent">

浏览 4提问于2013-11-12得票数 1

2回答

平滑滚动在哈希URL上不工作

javascript、jquery、html、twitter-bootstrap、css

我有一个问题，在sidenav上的锚点标签平滑滚动。我正在使用带有词缀的bootsrap scrollspy。标题的位置是固定的，因此当我们单击侧边菜单锚点时，它会导航到特定的ID。问题是，当它滚动到ID时，标题会与内容重叠，所以我添加了一些偏移量来滚动，但动画并不流畅，每次单击时都会闪烁。如何防止闪烁并平滑地渲染动画。(要查看脚本/HTMl/CSS，请

浏览 42提问于2018-06-05得票数 0

2回答

水平平滑滚动

jquery、scroll、horizontal-scrolling

我正在尝试创建一个基于锚定的平滑滚动水平效果。即，固定导航链接在点击时滚动到锚点(例如，id="#two")。背景:我正在尝试创造一种胶片效果。

浏览 0提问于2012-08-30得票数 1

1回答

将div切换到固定的CSS定位，而不会导致移动上的内容消失。

javascript、html、css、mobile

我试图实现一个“滚动-然后-固定”的HTML/CSS布局。这样做的想法是，用户可以稍微滚动页面--直到站点标题没有显示出来--此时，页面上的主要产品图像将固定在页面的顶部，其余的页面内容将继续滚动。下面是我想要达到的目标的一个模型：正如您所看到的，最初，站点标题是可见的，但是用户可以向下滚动。当产品图像(黄色)到达页面顶部时，它就会固定在窗口的顶部。我现在这样做的方法是从文档中监听滚动<

浏览 0提问于2016-06-03得票数 0

点击加载更多