链接到页面减去导航栏高度的部分
是指在网页中，当用户点击导航栏上的链接跳转到其他页面时，页面会自动滚动到目标位置，但为了避免导航栏遮挡住目标内容，需要将目标位置的高度减去导航栏的高度。
这种处理方式可以提供更好的用户体验，确保用户能够完整地看到目标内容，而不会被导航栏遮挡。通过减去导航栏高度的部分，可以使目标内容位于页面的可视区域内，让用户能够直接阅读或操作目标内容。
在前端开发中，可以通过JavaScript来实现链接到页面减去导航栏高度的部分。具体的实现方式可以使用以下步骤：
- 获取导航栏的高度：可以通过CSS选择器或JavaScript方法获取导航栏元素的高度。
- 监听链接的点击事件：使用JavaScript监听导航栏上链接的点击事件。
- 阻止默认的页面跳转行为：在点击事件中使用
event.preventDefault()方法来阻止链接的默认跳转行为。 - 获取目标位置的高度：可以通过链接的
href属性或其他方式获取目标位置元素的高度。 - 滚动到目标位置：使用JavaScript的滚动方法（如
window.scrollTo()）将页面滚动到目标位置的高度减去导航栏的高度。
以下是腾讯云提供的相关产品和产品介绍链接地址：
- 腾讯云前端开发服务：https://cloud.tencent.com/product/fe
- 腾讯云后端开发服务：https://cloud.tencent.com/product/be
- 腾讯云软件测试服务：https://cloud.tencent.com/product/st
- 腾讯云数据库服务：https://cloud.tencent.com/product/cdb
- 腾讯云服务器运维服务：https://cloud.tencent.com/product/cvm
- 腾讯云云原生服务：https://cloud.tencent.com/product/tke
- 腾讯云网络通信服务：https://cloud.tencent.com/product/dc
- 腾讯云网络安全服务：https://cloud.tencent.com/product/saf
- 腾讯云音视频服务：https://cloud.tencent.com/product/vod
- 腾讯云多媒体处理服务：https://cloud.tencent.com/product/mps
- 腾讯云人工智能服务：https://cloud.tencent.com/product/ai
- 腾讯云物联网服务：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发服务：https://cloud.tencent.com/product/mob
- 腾讯云存储服务：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙服务：https://cloud.tencent.com/product/mu
相关·内容
1回答
反应元件高度
、、、
我已经创建了一个react组件，作为我的react应用程序的主页。我使用的反应路由器导航在我的网站上的组件。我能够在我的导航栏下显示主页组件，但是我遇到的问题是主页组件没有占据整个页面。我希望组件占据页面的其余部分，而不是导航栏。
这是我的Home.js (主页组件)
import React from 'react';
import './Home.css';
export default function Home() {
return (
<html>
<body>
浏览 2提问于2019-12-25得票数 0
回答已采纳
1回答
SPA上的Vanilla HTML/CSS：
我有一个高度为40px的CSS导航栏。我有一个DIV下面有一些内容。我没有将页面高度设置为100vh或其他任何值。
我想把DIV放在导航栏的“下面”，这样DIV在加载时恰好等于100vh。换句话说，我希望导航栏和DIV在加载时恰好是100vh，这样第一个滚动条就会显示第二个DIV的开始。
<div class="navbar">
<img src="./img/logo.svg" />
BUTTONS AND WHATNOT
</div&g
浏览 2提问于2018-02-12得票数 0
1回答
在我的ipad应用程序中，滚动视图中有一个导航栏和一个图像视图。
当我运行应用程序时，图像视图隐藏了导航栏。
所以，我删除了图像视图并再次运行，然后我看到了导航栏。但是，我不能点击导航栏中的按钮。请告诉我怎样才能解决这个问题？
浏览 0提问于2013-02-07得票数 0
回答已采纳
1回答
我有一个固定的导航栏和标题在我的页面顶部。但是我也设置了一些页面来链接到特定的部分。
现在，当我单击这些链接时，它会将页面加载到导航栏区域的顶部(这是我遇到的问题)。我希望它能和肚脐通红。(这将是我“想要的行为，FYI”)。
这是我的网站：
链接：
浏览 5提问于2015-08-24得票数 2
回答已采纳
3回答
我在一个网站上工作，在那里我实现了100vh的着陆屏，但底部导航栏(手机的导航与主页，后退选项)隐藏了我的内容的底部。我已经在使用JavaScript window.innerHeight让浏览器考虑到地址栏占用的空间，但这似乎没有考虑到手机的屏幕UI。我将非常感谢任何关于如何解决这个问题的想法，谢谢:)
JS
设vh = window.innerHeight * 0.01；
document.documentElement.style.setProperty('--vh'，${vh}px)；
Window.addEventListener(‘=>’，() resize{
浏览 1提问于2020-07-26得票数 2
3回答
基于div位置的颜色填充导航项目
、、、、
我在左栏中有10个导航项目(第1- 10节)，它们与右栏中的10个div部分相关。
我想做的是根据我在每个部分的距离来填充每个导航项目的背景颜色(从左到右)。
所以我已经完成了第一部分的一半，已经填满了50%。一旦我滚动到第二部分，导航项目就开始填满，等等。
你有什么建议吗?我该怎么做呢？
浏览 3提问于2018-06-21得票数 0
当导航栏在iPhone应用程序中可见时，屏幕坐标系的零点是否从导航栏下方开始？
屏幕的高度是否低于该条460？
浏览 1提问于2012-02-23得票数 0
2回答
该页面有一个粘性的navbar，它一直停留在屏幕上。当我滚动到页面的下一部分(div)时，它会滚动，这样div就会从屏幕顶部开始，导航栏会稍微盖住它。
如何从y滚动位置减去导航栏的高度？
$('html, body').animate({
scrollTop: $("#section2").offset().top // minus the nav height
}, 1000);
另外-如何使用一个好的实践让这个navbar height对我的javascript (从css)可用？(全局变量？)
浏览 24提问于2018-12-15得票数 0
回答已采纳
1回答
这似乎应该是一个简单的问题，但我似乎找不到任何地方的解决方案。
在我正在制作的网站上，我在页面的顶部有一个导航栏，它的高度是43px，为了不需要为我制作的每个单独的页面编辑它，我所做的就是在它下面放置一个100%宽度的iframe，导航按钮指向我的iframe的源。
现在我遇到了一个问题，我想让iframe从导航栏的底部延伸到页面的底部，这样你就看不出它是被iframe插入的，但如果我将高度设置为100%，它将被设置为整个页面的高度，并添加第二个滚动条来补偿底部额外的43px，那么我如何才能使iframe适应导航栏下方的剩余空间？
我已经尝试设置不同的%，但这不适用于不同的分辨率监视器。我需要
浏览 4提问于2012-01-19得票数 0
1回答
对不起，如果这是一个简单的问题。我想要一个固定高度的导航条，它位于页面的顶部。然后在它下面，我想要一个地图，占剩余高度的100%和剩余宽度的100%。
我试过的代码是：
<div class="container">
<div class="nav">
nav
</div>
<div class="main" id='map'>
</div>
</div>
CSS
#map {
top: 0; left: 0; position
浏览 3提问于2022-02-28得票数 1
回答已采纳
1回答
我正在尝试使用bootstrap来设计这个布局。我放置了logo和导航栏，但现在我必须插入剩余的div。
我需要将这个div (带问号)扩展到页面的剩余空间(带边距，如图片)。
我不知道徽标或导航栏的百分比高度。
编辑：发布我的代码( Yii框架的源码页面)
<a href="index.html"><img width="150" src="images/logo.png"/></a>
<nav class="navbar navbar-default">
<
浏览 168提问于2015-06-20得票数 38
回答已采纳
1回答
问题滚动到使用固定的导航
、、、、
我已经建立了一个使用scrollto和scrollspy的一页网站。一旦导航栏固定在顶部，页面就会工作得很好。但是，如果你在导航栏固定到顶部之前点击任何链接，所有的链接都会关闭。而且他们离开的高度没有一致性。我已经玩了偏移量，我确实有一个100px的填充到每个部分，以解决间距问题。
这是一个到开发网站的链接...
这是js..。
$(文档)函数(.ready(){
$(window).scroll(function(){
var window_top = $(window).scrollTop() +1; // the "12" should equal the ma
浏览 0提问于2015-06-06得票数 0
2回答
我有一个固定的顶部导航栏100px深的网页和该栏上的链接到id的页面。id与每个部分的h3标题相关联。不幸的是，点击链接后，页面会向上移动，第一个100px会隐藏在固定的顶栏后面。
我可能会将id嵌入到页面中的其他地方，大约比我链接的位置高出100px (考虑到相当图形化的设计，这并不容易)。我想知道有没有人知道如何迫使那些id在页面顶部以下停止100px？
不幸的是，我不得不将开发站点放在维护屏幕的后面，所以我不能提供URL。感谢期待(我在StackOverflow上的第一篇帖子！)
杰里米
浏览 2提问于2015-05-20得票数 0
我目前在导航栏的右侧有一个徽标(代码如下)如何让导航栏与行的底部对齐，而不是固定在顶部？徽标的高度高于导航栏，因此设置行的高度
<div class="row">
<div class="col-sm-10" id="nav-left">
<div class="navbar-header">
<div class="collapse navbar-collapse" id="tws-navbar-top"&g
浏览 1提问于2014-01-28得票数 0
1回答
更改URL片段后操作浏览器行为
、、、、
我已经被困在这个问题上好几个小时了，似乎找不到这个问题。我也有描述问题的问题，因为我不确定问题到底在哪里。我已经搜索了所有的堆栈溢出和其他站点来寻找解决方案，但是到目前为止我还没有..。
我正试着用jQuery构建一个一页的滚动体.我的问题基本上归结于这个问题。每当我查看我的页面并通过在我的页面上输入地址栏到另一个元素的ID来操作URL片段时，它就会导航到带有ID的元素，但是由于我在页面顶部使用了一个固定的导航条，所以它会在固定元素下面显示部分元素。
是否有一种方法可以从操作地址栏中捕获按键/按键事件，以便确保段显示在正确的偏移量上？是否有方法在更改URL片段后创建默认偏移量？我已经尝试过窗口
浏览 1提问于2014-05-13得票数 0
1回答
我一直在寻找答案，但似乎找不到答案，所以我在这里求助于问一个问题。如果这是副本，请指给我正确的页面。
我有一个视图控制器，在viewDidLoad上我创建了一个UITableView并将它的框架设置为
CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)
如果UITableView中有什么东西。如果其中没有任何内容，则将UITableView的框架设置为
CGRectMake(0, 135, self.view.frame.size.width, self.view.frame.size.height
浏览 0提问于2015-02-25得票数 0
我即将创建一个与Google+应用程序采用相同技术的应用程序。我想重现“流”-viewcontroller。
目前我已经设置了一个带有分页和页面控制的滚动视图，但是我不知道Google+-app中导航栏下的条是如何创建的。它显示当前页面的标题以及左侧和右侧的页面。它还具有放大当前可见页面标题的缩放效果。
有谁有什么想法吗？
浏览 0提问于2011-10-18得票数 0
回答已采纳
我的viewController有导航和制表符。我需要找出可用的空间后，减去导航和标签栏的大小。我试过：
let height = UIScreen.main.bounds.height - self.navigationController!.navigationBar.frame.size.height - self.tabBarController!.tabBar.frame.size.height
但这不管用..。我做错了什么吗？
编辑:抱歉缺少信息。我想在导航和标题栏之间嵌入UIScroll视图。该方程返回的高度大于可用空间。
titleView = UIScrollView(fra
浏览 6提问于2017-04-04得票数 1
回答已采纳
2回答
我正在使用引导3与fixed on top navbar。
我试图在页面导航，但内容是隐藏在导航栏。
小提琴
有其他解决办法吗？
浏览 11提问于2014-07-28得票数 0
回答已采纳
我正在尝试添加一个导航栏，就像固定在顶部的黑色导航栏一样
navbar-fixed-top
但是修复我想把它放在页面的左边。这将是顶部导航栏之外的附加内容。因此将有两个导航栏，一个在顶部，一个在左侧。
左侧导航栏将连接到顶部导航栏，因此它看起来在左侧和顶部有一个边框。
我已经做了一些黑客的尝试，但他们不是很好。
做这件事最好的方法是什么？是否可以使用现有的span和row元素，或者是否需要新的css？
浏览 1提问于2012-05-14得票数 1
回答已采纳
1回答
导航侧边栏布局
、、
我正在设计一个网站与以下侧栏
(div width=300px) sidebar
> (div) Create New Client
> (button) New Client
> (div) Search
> (input text) search_text
> (button) submit
> Client 01
> Client 02
> Client 03
> ...
> (div) History
> Action 01
> Action 02
> Action 0
浏览 0提问于2011-01-06得票数 1
回答已采纳
这个网站上有一个过时的问题版本，它没有回答我的问题。
我正在尝试使用Bootstrap创建一个网站，该网站有一个登录页面，其中封面图像/旋转木马填充了整个浏览器区域，导航栏固定在底部。它不应该在视图区域下方，而应该在屏幕底部。此外，它应该被修复，这样当访问者向下滚动时，导航栏会向上滚动，一旦到达屏幕顶部，导航栏就会卡住并向下滚动。
我试着使用了这个附加插件，尽管我还没能想出如何用它来完成上面的工作。
这是我偶然发现的一个网站，它的布局就是我想要创建的：
感谢您的帮助。
浏览 14提问于2016-08-05得票数 0
1回答
我有一个滚动页面带导航条，我希望用户滚动的部分在导航栏中被高亮显示。目前，它几乎实现了这一点，但正在突出不正确的链接。
在有一个演示
这样做的代码如下：
// highlight current tab
$(window).on("scroll", function() {
var currentPos = $(window).scrollTop();
$('.nav li a').each(function() {
var sectionLink = $(this);
浏览 2提问于2016-03-21得票数 3
回答已采纳
4回答
我正在制作一个网站，几乎所有不同的部分都在主页上，当我点击导航栏中的链接时，我使用jQuery滚动条来滚动到它们
我必须创建一个不同的页面，我也想将这些部分链接到该页面，就像当我单击另一个页面时，它会将我带到主页的about div，所以我使用了下面的代码
<a href="./index.html#about">About.</a>
它确实会将我带到索引上的about div，但该div位于屏幕的中间，而不是顶部
我的意思是div的开始应该在屏幕的顶部(就像我使用主页上的链接导航到它时一样)。
有没有办法解决这个问题？
编辑：
当我使用同一页面上的链接
浏览 0提问于2016-05-01得票数 0
1回答
我在摆弄CSS动画，因为它们太棒了。
我正在试着在页面的左手边做一个导航栏。我希望条形图占据页面高度的100%，但是当我为高度设置该属性时，我的条形图不再出现在页面上。CSS动画不能使用基于%的高度和宽度吗？
我的CSS：
body{
overflow: hidden;
padding: 0;
overflow-x: hidden
}
div {
-webkit-animation:myfirst 4s; /* Safari and Chrome */
-webkit-animation-fill-mode: forwards;
font-size: .2px;
pad
浏览 2提问于2013-11-08得票数 0
1回答
我正试着在我的传单地图上放一个自动导航条。当我点击变焦控制按钮时，我的导航条消失了，我不知道为什么。
这是传单虫吗？
<body>
<header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
<div class="container">
<div class="navbar-header">
<a href="../" cl
浏览 3提问于2015-03-02得票数 0
回答已采纳
我在我的故事板上有一个UITableViewController和一个UINavigationController连接。当我向下滚动我的表，我可以看到行到后面的“导航栏”。
简单地检查一下，我意识到导航条并没有影响表的大小(看起来导航条就在我的表前面)。因为当我选择表大小时：
-(CGFloat)tableView:(UITableView *)tableViews heightForRowAtIndexPath:(NSIndexPath *)indexPath{
CGFloat value = tableViews.frame.size.height;
NSLog(@&#
浏览 3提问于2015-11-26得票数 0
回答已采纳
我正在尝试构建一个仪表板菜单，其中我使用垂直导航栏进行导航。当窗格右侧没有内容时，导航栏将填充100%的高度。
当我放大或缩小时，它可以完美地工作，但当页面右侧有内容时，导航栏不会在我放大时填满页面的100%。
导航栏的代码样式如下所示：
.sidebar{
position: absolute;
width: 250px;
height: 100%;
background-color: #535392;
display: table-cell;
}
页面右侧内容的样式如下所示：
.PageContainer{
position: absolu
浏览 1提问于2020-12-06得票数 0
我使用的是bootstrap 4。这个问题已经问过并回答过了，但是，这些问题从来没有考虑到导航栏。 每当我使用h-100创建一个容器height 100%，并且在它上面有一个导航栏时，我在容器中得到一个溢出，即导航栏的高度。 我想要在容器内垂直和水平居中一个组件，然而，由于容器溢出，垂直居中超出了导航栏的高度。 我对h-100有什么不明白的地方？ 路径：HTML <div class="full-height">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
浏览 19提问于2019-02-23得票数 0
回答已采纳
我试图创建一个页面，没有导航栏和顶部布局的最新版本的顶点。类似于下面的图片
我可以删除导航栏，但不能删除有“帮助，没有人”的层。我不希望这一层作为标志应该是顶层，然后是我的报告。
如何在没有默认标题的情况下创建页面？
浏览 0提问于2019-01-21得票数 0
回答已采纳
我想做一个有固定导航栏的网站。导航栏将有一个透明的背景。我想使导航栏中的文本的颜色根据用户正在查看的网站的部分进行更改。
假设站点从加载到一个白色页面开始。导航栏中的文本应该从黑色开始，以便用户能够阅读文本。
然后，用户滚动到网页的下一部分。假设页面的这一部分是黑色的。导航栏中的文本应为白色，以便用户能够阅读文本。
我该怎么做呢？我需要使用事件侦听器吗？
浏览 18提问于2018-07-24得票数 0
4回答
我正在设计一个使用css和html的网站。我已经设法使用这个css在页面的左侧获得一个导航条，但是当屏幕向下滚动时，导航栏就不再继续了。
#navbar {
background: #a8a599;
float: left;
width: 20%;
height: 100%;
}
但是，我想使导航栏的高度成为文档的高度。我觉得我可能需要java脚本，但是我对java脚本还不熟悉，所以我不确定我将如何做到这一点。我以为100%的高度会让它占据整个页面，但是它只占据了页面的可见部分。
如果您想查看页面的其余部分，请看下面的。
浏览 15提问于2013-11-16得票数 6
回答已采纳
我试图让Bootstraps折叠导航栏打开到设备的完整高度，同时覆盖在页面的内容之上。我发现有一个名为"fixed-top“的导航栏类，它覆盖在页面内容的上方，但我似乎无法正常打开到整个屏幕的高度。使用.collapse ul{height: 100vh;}，导航栏通常会打开，直到最后一个导航项目，然后“跳”到屏幕底部。我如何防止这种“跳跃”，并使导航栏顺利地打开到完全高度？ ?
浏览 47提问于2020-10-15得票数 0
回答已采纳
1回答
我已经创建了一个网页网站，其中每个链接在导航条滚动到一个不同的部分的网页。问题是我的导航条很粘，当我将列表项链接到我的特定标题时，页面会滚动，这样导航条就会覆盖部分标题。
是否有一种方法，我可以链接我的导航栏项目到一个区域刚刚上方的标题，以便当它滚动时，它不包括在导航栏。我在想它有可能滚动到一个特定的y值？不知道那会是怎么回事。
浏览 7提问于2021-12-29得票数 1
1回答
谷歌刚刚在他们的博客上发表了关于实施材料设计的最佳实践的文章。上面写着：
如果应用程序使用导航抽屉，它遵循更新的材料设计交互和样式(图7)。抽屉出现在应用程序栏的前面。它还显示在状态栏后面是半透明的。
但是，如果您看看Gmail是如何在Google和收件箱等应用程序中实现的，导航抽屉就位于Action (工具栏)下面。
然而，像Play报摊和Pushbullet这样的应用程序在工具栏上方使用他们的抽屉，正如推荐的那样。那我该用哪一种？
一方面，如果我把抽屉放在工具栏上方，谷歌为什么要在汉堡包图标(ActionBarDrawerToggle)中实现动画呢？
浏览 5提问于2014-10-28得票数 7
[
import consultin2 from '../../assets/logo/consultin2.png';
inside function
{
<nav>
<div className="navbar-logo">
<img src={consultin2} alt="ConsultIn"></img>
</div>
.......</nav>
}
.n
浏览 6提问于2022-09-25得票数 0
我正在建立一个单页网站的顶部栏导航链接到页面上的不同部分。我以<body data-spy="scroll" data-offset="50" id="home">的身份使用将其链接起来。这很好用。导航中的每个部分都会突出显示。
问题出在最后一节。因为它是一个很短的部分，并且不会填满整个页面，所以id="contact"永远不会到达，因此导航元素不会突出显示。
我注意到，在上，当您到达最后一个元素时，它在到达其id之前被高亮显示-但是id和所有其他部分一样位于该部分的顶部。
我已经查看了自定义的application.
浏览 1提问于2012-03-23得票数 9
回答已采纳
我的CSS carousel的代码有问题。我的Javascript只是切换了一些类，所以我知道这不是问题。我的问题是图像的高度没有按我希望的方式缩放。我希望这个网站是响应式的，第一步是让这个全屏旋转木马工作。我正在做一个页面，所以我希望能够滚动过去的旋转木马，但当页面最初加载时，我希望它显示全屏旋转木马和导航栏。导航栏现在很好，但旋转木马在高度缩放方面有问题。随着浏览器窗口变小，图像将变得比屏幕更小，因此它不再是全屏。我不介意一些图像被切断，但我希望旋转木马始终是全屏的，除非用户向下滚动或单击指向锚点的链接。
下面是CSS：
/* General */
*{
box-sizing:border
浏览 3提问于2016-02-02得票数 1
2回答
首先，感谢你来这里帮助解决我的问题。谢谢！
在iOS11 beta6中，sizeThatFits:似乎不能在UINavigationBar上工作。我注意到通过显示我的应用程序，UINavigationBar的结构发生了变化。
我已经尽力改变了自定义导航栏的高度。但它似乎总是44，而且它在iOS11之前工作。
- (CGSize)sizeThatFits:(CGSize)size {
CGSize newSize = CGSizeMake(self.frame.size.width, 64);
return newSize;
}
奇怪的是，我只是在didMoveToSu
浏览 4提问于2017-08-24得票数 14
我刚刚开始尝试媒体查询，我似乎遇到了我想要实现的问题。
我有一个简单的标题/横幅，在它的正下方有一个导航栏，其中包括到四个单独页面的链接。
我设置了一个媒体查询，当页面的大小调整超过一定的宽度，导航栏也随之调整大小时，就会改变页眉的大小。我遇到的问题是导航栏保持不动，不会与调整大小的图像‘抓取’，在导航栏顶部和标题之间留下一些难看的蓝色空间。
有问题的页面可以在www.grantdoole.co.uk上找到
我如何捕捉或固定导航栏，以避免页面在调整大小时看起来很俗气？
(附注:目前只有页眉和导航栏对页面应用了媒体查询)
浏览 0提问于2013-05-16得票数 0
回答已采纳
2回答
我想要下面的。我的应用程序底部有一个导航栏。上面我有一个滚动视图，用户可以滚动到。看下面的图片。
在我的滚动视图中，我添加了一个图像。这就是我用代码做的。
[scrollView setContentSize:(CGSizeMake(1024, 1400))];
[scrollView setScrollEnabled:YES];
[imgWebsite setFrame:CGRectMake(0, 0, imgWebsite.frame.size.width, 1400)];
问题
我的滚动视图出现在我的导航栏底部，因此它是不可见的。我该怎么解决这个问题？
浏览 2提问于2013-06-19得票数 0
1回答
我有一个单页面网站(方太-太平洋模板)的https://pacific-demo.squarespace.com/?nochrome=false与顶部的导航栏，滚动走与主页，并再次出现，一旦你滚动到第一部分。所有链接都锚定到相应的部分，该部分向上滑动，并与滚动上显示的导航栏一起停止。 我想添加一个链接到主页的箭头，只送你下来的第一部分，并与出现的导航栏对齐。使用简单的锚点链接，该部分将滚动到导航栏后面的浏览器顶部。 我尝试了这个脚本(为我使用的每个媒体查询添加一个)，它可以工作，但如果我调整浏览器的大小，导航栏就消失了，所以我想使用一些不同的东西。 if($(window).width()
浏览 24提问于2019-09-11得票数 1
1回答
我在很长一段时间后又回到了html/css，需要一些帮助。
背景:当用户与固定的导航栏交互时，我使用单列布局和jQuery自动滚动页面到不同的div。
问题:当您在比我的笔记本电脑或移动设备更大的垂直分辨率的屏幕上查看页面时，您可以同时看到所有或部分不同的div部分。
问:有没有一种方法可以垂直分离div，使滚动功能类似于我使用链接到不同文件的传统导航栏？换句话说，我不想一次看到所有的div，只想看到用户点击的那一个。
非常感谢!
浏览 1提问于2012-09-18得票数 0
我正在创建一个视图控制器，它使用一个在导航栏和状态栏后面滑动的web视图。为此，我将webView.scrollView.contentInset属性设置为64的顶部内嵌。
然而，这并不会缩小网页视图想要占据的区域，所以如果一个页面不到一个屏幕，它底部会有64像素的空白区域可供滚动浏览。web视图位于垂直UIPageViewController中，因此这会扰乱分页。有什么方法可以去掉这些多余的空间吗？
浏览 1提问于2013-06-28得票数 14
回答已采纳
2回答
我有一个Xamarin窗体项目，它使用Android的自定义工具栏。工具栏定义为axml中的布局，我将工具栏的minHeight设置为标准操作条的高度。
对于我的应用程序中的特定页面，我有一个自定义页面呈现器，在这里我需要顶部(导航/动作)栏的高度。
我已经尝试过用FindViewByID获得高度，用TypedValue获得高度，但这只给了我0。
我还能在页面渲染器中得到栏的高度吗？
浏览 0提问于2017-11-29得票数 0
回答已采纳
1回答
我正在写一个移动使用antd-mobile的单页应用程序，
在页面的底部有一个标签栏，你可以看到的项目列表的背景是灰色的，问题是当我向下滚动到底部时，标签栏覆盖了的内容。
如何使列表区域成为滚动区域而不是整个页面？
浏览 1提问于2017-08-09得票数 0
我正在尝试使我的集合视图单元格覆盖屏幕的高度，而不是在导航栏下面。我已经得到了导航栏的高度，并使用它来设置单元格的高度。问题是，单元格仍然比正常高度高，如果我向下滚动，它会移到导航栏下面。我需要在没有导航栏的情况下达到屏幕的高度。代码清单如下：
override func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
let
浏览 0提问于2017-06-02得票数 1
2回答
我正在做一个单一的网页网站，在顶部有一个固定的标题，有导航菜单。导航菜单链接到页面上的div。
问题是，当您单击其中一个链接时，标题将覆盖该节标题。我想知道如何才能解决这个问题，而不需要在每个div顶部添加一吨填充。
这是页面：
浏览 2提问于2014-02-08得票数 1
回答已采纳
目前，我正在工作的网页，有一个顶部的横幅，然后是一个顶部导航栏。我是这样做的，当你向下滚动导航条-导航条变得固定。然而，当导航变得固定时，当导航栏不再是块元素时，其馀的网站内容就会向上推展。
是否有一种方法使导航条固定，同时将页面的位置或内容保留在同一位置？
浏览 0提问于2013-09-23得票数 0
回答已采纳
1回答
我知道有人问过这个问题，但我不确定如何将答案应用到我的网站上。我在BOOTSTRAP中有一个固定的导航栏，滚动到某个div有点太远了，所以div的顶部被固定的nav挡住了。
//jQuery for page scrolling feature - requires jQuery Easing plugin
$(function() {
$('.page-scroll a').bind('click', function(event) {
var $anchor = $(this);
$('html, body&#
浏览 0提问于2014-07-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
