Next.js滚动条导航栏

文章/答案/技术大牛

发布

1回答

reactjs、typescript、next.js

我正在尝试实现一个在滚动时具有模糊效果的导航栏。这是可行的，但是当我刷新页面时，滚动条停留在相同的位置，并且我没有从window.pageYOffset获得任何结果。这样做的结果是我有了一个透明的导航栏。我也在使用tailwindcss，但我认为这无关紧要。

浏览 19提问于2021-04-04得票数 1

回答已采纳

2回答

Vuejs从顶部导航栏移除滚动条

css、vue.js、navbar、bootstrap-vue

在我的Vue js应用程序中，导航栏由于滚动条而闪烁，即，在一些路线中有滚动条，而在一些路线中没有滚动条，因为导航栏闪烁与此stackoverflow页面相同，每当在路线之间切换时滚动条都会闪烁。有没有办法从导航栏中删除滚动条？

浏览 21提问于2019-10-01得票数 0

1回答

滚动查看需要点击2次才能获得正确的区域

javascript、html、scrollspy

我在导航栏上使用了滚动监视。因此，当我单击一个链接时，它会通过对页面进行动画处理直接转到单击的链接部分。

浏览 24提问于2019-10-27得票数 0

回答已采纳

1回答

iOS:滚动除导航控制器之外的所有内容

iphone、ios、scroll、uinavigationbar

我有一个符合UITabBarController的UIViewController，所以我不能在它之前添加导航控制器。

浏览 4提问于2013-05-09得票数 0

1回答

使用nextjs呈现html页面的特定部分。

html、reactjs、next.js

导航栏已经存在于其他框架中，甚至连react都没有。我想在<div id="nextjs_div">...</div>中使用nextjs，即。只是我网站的一部分。

浏览 2提问于2020-07-09得票数 2

3回答

如何在没有垂直滚动条的情况下设置100 %的高度？

javascript、html、css

问题html,#__next { width: 100%;导航栏只是一个固定的像素高度下面是显示垂直滚动条的屏幕截图：我在铬探测仪上找不到任何问题。这是它应该看起来的

浏览 3提问于2020-07-02得票数 0

回答已采纳

1回答

滚动条移动固定的div

scrollbar、navbar、fixed

我有一个固定的导航栏，如果页面有一个滚动条，它会正确地定位自己。但是我的一些页面显示时没有滚动条，然后导航栏跳到了右边。我的导航栏的CSS： header#masthead { width: 100%; overflow

浏览 12提问于2020-10-27得票数 0

回答已采纳

3回答

页脚出现在内容的区域中

html、css、reactjs、less、antd

我使用Next.js和antd的布局组件来获得仪表板样式页面，使用它们的Layout组件。滚动行为:如果完全扩展，侧边栏不能滚动到它的末尾。相反，浏览器窗口滚动条必须滚动，才能在固定的侧边栏的内容中完全移动。如何禁用窗口的滚动条(内容的滚动条看起来也很难看)？如果不可能，如何使侧边栏的滚动平滑和独立于浏览器窗口？

浏览 1提问于2018-12-14得票数 3

回答已采纳

1回答

考虑以下页面：我正在创建一个带有页眉、页脚和中间容器的页面，中间容器有左右导航栏和中间的内容区域。问题是，我希望内容的滚动条在窗口的右侧，而不是内容区域的右侧(这样在最大化模式下它就可以遵循Fitt定律)。在当前样式中，右侧导航栏覆盖了滚动条，使其不可见。我注意到，如果启用了整个页面的滚动条(例如，对于<body>)，导航栏将会向左移动。因此，一种解决方案是对内容使用<iframe>。但是，有没有办法让右边的

浏览 3提问于2010-07-09得票数 0

1回答

什么是Next.js中的Django {%块%}和{%扩展%}标记的等效值？

reactjs、django、next.js

我正在更新我的Django web应用程序的代码，方法是在一个单独的Next.js应用程序中重新创建它的前端。我在Next.js中查找与Django Next.js标记相当的标记时遇到了问题。具体来说，我的应用程序的所有页面都共享以下HTML框架:顶部有一个导航条，下面有一个主干栏和一个侧边栏。在Django中，我使用base.html文件实现了这个目标，该文件包含了导航条、{% block mainbar %}标记和{% block sidebar %}标记，然后使用

浏览 1提问于2020-10-01得票数 0

回答已采纳

1回答

如何在弹出窗口顶部显示导航条时保留和禁用y滚动条

javascript、html、css

如笔所示，我想在保留对导航栏的访问权限的同时创建一个弹出(这就是为什么我不使用Bootstrap的Modal)。问题是，我希望始终保持滚动条，但也希望禁用滚动的背景，而弹出是活动的。到目前为止，我尝试了很多事情，其中唯一值得一提的就是将overflow: hidden设置为主体(以删除滚动条并防止滚动)，并强制在.popup上设置滚动条，但这并不能解释导航栏的情况，导航条仍然会跳。我唯一还没有尝试的就是在弹出的原始导航栏</e

浏览 3提问于2013-10-17得票数 0

回答已采纳

1回答

单击汉堡包按钮时，它会移动

html、css

我的汉堡按钮出了点问题。当我按下汉堡包按钮时，它的位置就会移动。当它被点击时，我希望它停留在相同的位置。我在jsfiddle上发布了我所有的代码。 https://jsfiddle.net/rcs7vfte/ const nav = document.querySelector('nav');const links = document.querySelector('.links'

浏览 16提问于2020-06-21得票数 0

2回答

100%宽度的导航栏，无水平滚动条，采用html-css格式

html、css

对于导航栏，我给出了一个position: absolute; and width : 100%。我不想要那个水平滚动条，请帮帮我。

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

2回答

如何使用样式化组件在Next.JS中创建活动链接

reactjs、next.js、styled-components

我在一个副项目中做了一个简单的导航栏，在Next.JS中遇到了一个活动链接的问题，在react中，你可以使用react-router-dom，它有一个带有活动类属性的链接组件，但不是在Next.JS中(

浏览 13提问于2021-05-15得票数 0

回答已采纳

1回答

隐藏导航栏时保持状态栏颜色

ios、uinavigationbar

在最新的iOS中，我们可以选择在导航控制器中隐藏滚动条。我有一个导航条，它的颜色是绿色，当然现在状态栏的颜色也是绿色的。但是，在滚动条上隐藏导航条后，状态栏就会变得半透明。顺便说一句，在info.plist中，我已经将状态栏样式设置为UIStatuBarStyleLightContent，但是在导航栏被隐藏之后，它就变成了黑色。你能帮我吗？

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

1回答

CSS HTML使div滚动到内容的高度

html、css、scroll、position

我有一个固定的导航栏和我的网站一样长，但现在它有自己的滚动条，所以当我在网站的主体上滚动时，导航栏是静态的，只有当我在导航栏上滚动时才会滚动。webkit-transition: all 0.5s ease; overflow-y: auto;有没有人知道如何解决这个问题，这样网站的整个高度取决于导航栏内容或页面内容

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

1回答

BootStrap流体网格系统在导航栏上移动

html、twitter-bootstrap、containers、navbar、fluid-layout

由于某些原因，这段代码在我的导航栏上向左移动了大约一个像素。我真的不明白为什么，我以为我搞砸了一些标签，但在实验之后，我把问题缩小到了这里。

浏览 2提问于2013-06-07得票数 1

2回答

如何在流畅的Twitter Bootstrap布局中为固定位置侧边栏创建自定义滚动条？

jquery、css、twitter-bootstrap

使用以下技术，当顶部导航栏位于浏览器窗口的顶部时，它会变得固定(这样它就会固定)：但没有成功。另外，由于顶部导航栏是固定的，并且他的50px很高，因此由于"top:50px;"属性，固定侧栏的<

浏览 3提问于2012-11-07得票数 1

1回答

根据滚动条位置更改导航栏颜色

javascript、reactjs

我正在尝试改变导航栏的颜色取决于滚动条的位置，例如，如果滚动条在页面顶部，我希望颜色是透明的，否则，我希望它是红色的。这是我当前的代码，目前正在做的是，一旦用户稍微滚动一下，导航栏就会将颜色更改为红色，但当用户再次一直转到顶部时，该背景颜色将保持不变。transparent" }); this.setState({ changeColor: "red" }); } 换句话说

浏览 38提问于2019-03-13得票数 1

回答已采纳

2回答

在顶部增加页边距，不影响容器高度

css、layout、margin

由于我的导航栏，我必须添加与导航栏高度相同的边距。然而，当我添加边距时，我得到了一个滚动条，因为body、html和container的高度被设置为100%。如何为导航栏添加边距，而不获得不必要的滚动条？为什么margin-bottom: -42px;不能工作呢？

浏览 0提问于2013-01-25得票数 0

点击加载更多