在React导航中隐藏标题会阻止在web上滚动
。隐藏标题是指在导航栏中不显示网页的标题，这样可以节省空间并提供更简洁的界面。然而，隐藏标题可能会导致在web上滚动时出现问题。
当隐藏标题时，网页的内容区域可能会变得较小，导致页面内容超出屏幕高度时无法滚动。这可能会导致用户无法访问页面的全部内容，尤其是在移动设备上更为明显。
为了解决这个问题，可以考虑以下几种方法：
- 使用CSS样式控制滚动：可以通过设置内容区域的高度和溢出属性来控制滚动。例如，可以将内容区域的高度设置为屏幕高度减去导航栏的高度，并将溢出属性设置为自动或滚动。
- 使用JavaScript监听滚动事件：可以使用JavaScript来监听滚动事件，并在滚动到一定位置时触发相应的操作。例如，可以在滚动到页面底部时自动加载更多内容。
- 使用React组件库：可以使用一些成熟的React组件库，如Ant Design、Material-UI等，它们提供了丰富的导航组件和滚动控制功能，可以方便地实现隐藏标题和滚动效果。
总结起来，隐藏标题在一定程度上可以提供更简洁的界面，但需要注意滚动问题。通过合适的CSS样式、JavaScript监听和使用React组件库，可以解决隐藏标题导致的滚动问题，并提供良好的用户体验。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生应用平台（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送）：https://cloud.tencent.com/product/umeng
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（TBaaS）：https://cloud.tencent.com/product/tbaas
- 腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
我有一个固定定位的标题，当用户向下滚动类似于Medium上的标题(例如：https://medium.com/@sunknudsen/brute-forcing-your-very-own-vanity-onion-address-at-11-646mh-s-9a9c1fa93663#368a)时，它会“滑动到隐藏”。 问题出在iOS上，当浏览器滚动到页面加载散列(例如#368a on Medium )时，一些内容(例如How to get your very own vanity onion address? on Medium )会出现在标题下。 我希望处理(覆盖)默认的滚动到散列逻辑(
浏览 10提问于2020-01-14得票数 2
回答已采纳
2回答
显示和隐藏导航栏当表格视图滚动时，最初的导航栏是hidden.Tableview只包含一个区段标题，当我们向上滚动时，区段标题到达顶部，但当我们稍微向下滚动时，状态栏和导航栏会动态地向下拉动区段标题，但当区段标题向下滚动时导航栏和状态栏会隐藏。我想实现这个场景。我试图做到这一点，但由于导航栏最初是隐藏的，并带来导航栏创建了一个颠簸的效果，当隐藏导航栏时也是如此。在这件事上请帮帮我。
浏览 2提问于2014-06-08得票数 3
我在使用react-native中的选项卡组件的react导航的createBottomTabNavigator。问题是我得到了不必要的顶部标题。 This image is what I'm getting now. 我想删除顶部的标题。请帮帮我。 这是我的导航代码。 import HomeContainer from 'src/mainView/homeContainer'
import CameraPage from 'src/mainView/pages/cameraPage'
import CarOwnerVoicePage from
浏览 10提问于2019-02-12得票数 0
回答已采纳
我有以下情况：
我在视图上添加了两个表视图。两者都将所有约束设置为所有边(上、左、右、下)。一个在开始时隐藏，另一个不隐藏。我已经在导航栏titleView中放置了分段控件，点击分段控件项目会触发一个表视图隐藏，另一个表视图显示。一切都很好，但在iOS11上，当有大标题时，导航栏只想滚动和折叠层次结构中的第一个表视图，而当我将片段更改为其他表视图时，导航栏的折叠和显示将失去所有接触(停留在同一位置)。
有没有办法解决这个问题，或者这是不是iOS的一些bug/限制？
感谢您的帮助:)
在这种情况下，联系人表视图能够影响大标题导航栏的滚动和折叠，而调用表视图则不会。如果我切换它们，呼叫将
浏览 1提问于2018-04-21得票数 0
3回答
我有一个工作表，其中头几行有头数据，后面是带有列标题的表。标头数据包括用于计算表中值的参数。
我想要的是允许用户滚动工作表，使头数据不再可见，但当表标题行成为第一行时冻结它。然后，如果他们需要改变一个参数，他们可以向上滚动和顶部的几行返回视图。
我认为这是相当容易做到，但我不记得如何做。我唯一能找到的选项是冻结窗格选项，但这会冻结一切，我只希望它在标题行位于顶部时冻结。
这有可能吗？
编辑-为了添加更多的澄清，冻结窗格选项冻结了所选行上方的所有内容(除非我错过了)，这不是我想要的。我希望工作表的行为类似于一个网站，在上面可能有一个广告横幅，后面是一个导航栏/徽标/等等，然后是内容。当你向下滚动
浏览 11提问于2015-11-18得票数 2
回答已采纳
3回答
因此，我得到了一个web模板，它使用一个名为sticky的jquery库，当您滚动时，它会将导航(从底部开始并向上移动)“粘贴”在页面的顶部。
我想能够扑通一个标志到导航，一旦它达到其休息的地方(后滚动)。类似于这个网站- 。一旦你滚动经过图像标题，徽标就会淡入导航栏，然后停留在页面上。无论如何，下面是jquery代码的摘录：
<script>
$(window).load(function() {
$('nav').sticky({ topSpacing:0, className: 'sticky', wrapperClassName:
浏览 0提问于2013-06-15得票数 0
回答已采纳
4回答
我有一个水平固定的标题在我的网站顶部，当我使用页面导航滚动到一个ID，它把我试图滚动到标题之下的内容。
有什么方法可以将页面导航显示为80像素(向下)的地方抵消吗？
编辑：实际上能够以最简单和最可接受的方式修复它。我在下面的答案中给出了解决方案。
浏览 2提问于2011-09-27得票数 1
回答已采纳
4回答
在火狐的位置固定，与平滑-滚动.js完美地工作。
在火狐的上，右边的导航不会显示所有的导航项目，因为它被切断了。
如何修复？使用CSS？
同样在IE 6到8中，使用固定定位会破坏站点。
感谢您的任何想法和建议。
浏览 1提问于2010-11-24得票数 0
回答已采纳
我正在使用react导航5.x，当我向下滚动时，我希望我的AppBar消失。
我的导航是这样的：
import React from 'react';
import { createDrawerNavigator } from '@react-navigation/drawer';
export default function createAppContainer(AppNavigator) {
const { Navigator, Screen } = createDrawerNavigator();
// eslint-disable-next-
浏览 0提问于2020-01-28得票数 2
回答已采纳
3回答
我正在寻找如何实现一个表视图在其上移动视图的想法。因此，这个想法类似于facebook应用程序中的navBar。当你向上滚动时，这个(红色)视图是向上移动和隐藏的，当你向上滚动它时，当你向下滚动它时，它显示了出来。这不是导航栏，所以我发现的大多数pod在这种情况下都不能工作。这不能同时是tableView标题或节标题。
浏览 1提问于2014-11-26得票数 0
1回答
我有两个场景导航到我的本机应用程序
我使用react创建了web应用程序。
1.如果没有安装移动应用程序，我在移动浏览器中输入一个类似于"“的URL，它将重定向到google商店。
如果应用程序安装了，在移动浏览器中，我输入了一个类似于"“的URL，它将导航打开我的应用程序。
如何解决这个导航问题？任何想法
谢谢，Vasanth
浏览 3提问于2021-11-25得票数 2
2回答
当您在浏览器中向下滚动时，此脚本会使导航栏消失/隐藏在标题后面。我想知道是否有可能，当你向下滚动时它就隐藏了，当用户向下滚动一定数量的像素(比如50px)时隐藏它，以避免触摸式导航隐藏在最轻微的滚动中。
提前感谢您的指点。
//导航滚动测试
var prev = 0;
var $window = $(window);
var nav = $('#belowhead');
$window.on('scroll', function(){
var scrollTop = $window.scrollTop();
nav.toggleClass('
浏览 1提问于2017-03-28得票数 0
1回答
因此，我在我的网站中实现了一个非常基本的“在向下滚动时隐藏标题，在向上滚动时显示”标题组件(通过这个和页面底部的jsfiddle示例)，但我遇到了一个问题，即“滚动导航/标题”掩盖了我网站上已经有的静态标题。
-
所以我的问题是-当这个“隐藏/显示在滚动上”的标题覆盖了我页面顶部的静态标题所占据的区域时，我该如何隐藏它呢？
这是我的实时站点供参考：
谢谢你的帮助！
浏览 0提问于2015-08-03得票数 0
我目前正在构建一个带有滚动处理程序的React应用程序，用于在无限滚动组件中加载更多数据。我使用的是window.addEventListener('scroll', this.someScrollHandler, false); (带节流)，它可以在除IE以外的所有浏览器上运行--不会处理任何事件。
实际上，在IE控制台中测试，以下代码，然后滚动，导致没有日志记录：
window.addEventListener('scroll', function() { console.log('testing') }, false);
滚动事件和IE是怎
浏览 1提问于2015-07-16得票数 6
使用React导航，我想使用navigationOptions中的header选项传递一个自定义标题组件。
问题是标题呈现在screens视图之外。在我的例子中，我希望它是屏幕ScrollView的一部分，并与屏幕一起向上滚动(而不是停留在顶部)。
我尝试在navigationOptions中将header设置为null，并手动将header组件放在屏幕的ScrollView中，但这样我就无法访问在使用选项时传递给header组件的headerProps。headerProps是访问上一个场景之类的东西所必需的。
有什么解决方案吗？
浏览 0提问于2018-10-10得票数 1
我试图将导航条、面包屑条、表标题等定位为屏幕上的固定元素，但将内容保持在页面的中心可滚动。
当我将大多数元素设置为固定元素时，中心中的内容不会滚动。如果我将导航条设置为固定的，某些元素将滚动，表标题和相关元素将滚动到导航栏后面，而不是固定在屏幕上。我尝试了几个不同的选项，但在保持内容可滚动方面没有任何进展。
下面是演示此问题的示例代码(单击下拉菜单，然后测试菜单项)：
是否有一种方法可以设置屏幕上的元素并启用内容滚动？这是否需要为每个元素创建样式，或者是否可以设置允许在父div级别上滚动的样式？
浏览 3提问于2022-09-12得票数 0
我有以下代码，并且只在我的android设备上获得此错误: IllegalViewOperationException:无法在dispatchViewManagerCommand上使用标记标签执行dispatchViewManagerCommand操作，因为该视图不存在
如果用户键入输入字段并按下next，则会发生错误。如果输入字段为空，当我单击next时没有出错。
import React, { useContext, useEffect, useState, useCallback } from 'react';
import { TouchableHighlight }
浏览 1提问于2021-05-19得票数 6
1回答
亲爱的Overflowing：
我的页面被证明是一个真正的痛苦的背后。我遇到了这个问题：
我试着通过在身体上加一个最小宽度来纠正它。它工作得很好；一切都可以正常显示，但前提是我的min-width的值足够大，足以包含我的#navwrapper div (它是带有绿色旋转矢量艺术背景的那个)。
有了这么高的值(1265px)，许多用户会得到一个水平滚动条，这是我不想要的。我在页脚有一个非常宽的天际线图像(3000px)，它不会产生滚动条，所以我想知道为什么我的导航包装器会有。理想情况下，我希望页面的最小宽度为960px，这样导航包装器将保持居中，并且如果边缘延伸超过视口，则边缘将被裁剪。
我的
浏览 5提问于2011-02-22得票数 1
回答已采纳
2回答
隐藏带有小标题的导航栏iOS
、、、、
我想隐藏导航栏，但仍然包括一个很小的描述，就像Safari或IMDb应用程序一样。看这张图，这是我想要的效果。如何在用户开始滚动时显示/隐藏导航栏，以及如何包含标题。这应该是动画，但不需要逐渐动画，所以如果一个动画被踢开就足够了。
我看过多个答案，比如这个：，但是它没有描述如何设置小标题。
浏览 0提问于2014-07-29得票数 0
我正在努力创建一个非常简单的标题和两列内容的布局-左导航和右内容()。
我不能实现的是让菜单和内容占据页面(不仅仅是窗口)的100%高度，同时在菜单和内容之间有一条垂直线(边框)。问题是，当绝对定位内容并且两列中的任何一列都有足够的内容时，滚动条出现时，相应div的背景和边框仍然只占窗口的100%，而不是整个内容的高度。
浏览 0提问于2011-07-01得票数 1
我们正在尝试放置一个固定的导航来滚动页面的不同部分。我有3个链接链接到同一页的不同部分。并且包含此链接的div的位置是固定的。当该链接单击时，我正在缩放一个函数。
我们使用的是jquery scrollTo().to scroll.it在桌面应用程序上运行得很好。
只有在ipad上，第一次点击没有问题，但在这一次之后，导航上的似乎被禁用了。如果我们用手滚动，哪怕只是一点点，链接就会再次工作。
我使用：
$(window).scrollTop($(window).scrollTop() + 1);
$(window).scrollTop($(window).scrollTop() - 1
浏览 3提问于2012-03-20得票数 0
2回答
我是react native和js的新手。
我想要在用户开始在任何时间/位置向上滚动时显示我的导航栏，并在用户开始在任何位置向下滚动时隐藏我的导航栏。
我的第一个方法是同时使用“动画”和“找出滚动方向”，但我失败了。有没有人能详细告诉我这是怎么实现的？
谢谢!
浏览 7提问于2017-08-07得票数 0
4回答
我是网页设计的新手，我有一个小问题。我有一个标题(在顶部)，一个导航(在左边)，然后是主要内容。我已经将我的标题和导航设置为position: abosulute，这样它就不会随着页面滚动。现在我要做的是，当你滚动时，主要内容不会越过标题。我该怎么做呢？
浏览 1提问于2012-03-16得票数 0
我已经创建了一个包装在NavigationView中的SwiftUI List。列表的标题是以默认方式设置的，并且显示得很好：.navigationBarTitle("My Title")。问题是滚动行为被破坏了。 也就是说，当滚动列表时，大标题应该消失，以便导航栏与小标题一起出现。然而，大标题只是停留在适当的位置，当列表以一种看起来不稳定的方式在它后面滚动时，它不会移动。
浏览 25提问于2019-12-17得票数 6
回答已采纳
6回答
移动滚动，页面跳转到顶部
、、、、
我的web应用程序在这里：
在桌面上，一切都可以滚动。然而，在手机上(特别是在iPad上)，任何触摸向下滚动的尝试都会将页面切换回顶部。我已经注意到，如果我克服了跳跃(这很困难)，让页面向下滚动，这样标题就看不见了，那么滚动就正常工作，所以标题中可能有什么东西是要负责的。无论出于什么原因，我都无法在桌面上复制这个版本，而devtools设置为移动维度，只能在移动设备上复制(但这可能只是我没有正确使用devtools )。
下面是一个屏幕记录(在iPad上)来演示这个问题：
下面是关于我的设置的一些最基本的信息：
web应用程序，使用Flask在html模板(base.html)中呈现Boke
浏览 8提问于2022-01-01得票数 4
2回答
我的应用程序有一个包含4个选项卡的选项卡组件。每个选项卡的内容都设置为单独的组件。我用4条不同的路线替换了标签。我去掉了选项卡，使用react-router设置了4个路由，每个路由对应4个组件。
当导航到选项卡或从选项卡导航时，选项卡的内容将保持其状态。例如，假设用户在一个选项卡中滚动到列表的底部。如果用户导航到不同的选项卡并返回，列表将保持滚动到底部。
我不能通过路由来实现这种行为。我注意到，当我从一条路线导航到另一条路线时，组件被重新实例化(而不仅仅是重新呈现)。
我想要实现类似标签的行为。我知道有一个叫做UI-Router-Extras的Angular库，它提供了深度状态重定向。但我找不
浏览 3提问于2016-05-21得票数 10
2回答
我有一个垂直导航栏，当用户滚动到标题下方时，它会显示出来，然后慢慢淡入。同样，我希望导航栏消失，并慢慢淡出，如果用户滚动到标题。这是我当前的函数：
$(window).scroll(function() {
var scrollPos = $(window).scrollTop();
if (scrollPos < 650) {
$('.navbar').fadeOut(4000);
} else {
$('.navbar').fadeIn(4000);
浏览 11提问于2017-07-19得票数 1
回答已采纳
我目前有一个具有固定大小的头的UICollectionView。
如果你拉下来，那么标题向下移动，在标题和导航栏之间留下一个空隙。标题顶部有一个按钮，底部有两个标签，BG是一个图像。
如果向上推，则标题向上滚动以显示更多的UICollectionView项。
一切都很顺利。然而，我们需要改变这种行为。
我们想要的.我们想要的是标题开始时和现在一样。
向下拉下，但是如果你拉下“标题”的顶部，应该粘在导航栏上，标题应该会增长。
通过使集合视图帧更小、伪造头部和访问控制器中的UIScrollViewDelegate方法，我可以很容易地做到这一点。
向上推，如果您向上推，那么标题应该做它现在
浏览 4提问于2013-07-11得票数 0
我正在使用CSS和React来设计一个移动网站。我主页的背景是一张横跨整个屏幕宽度和高度的图片。我想有一个透明的标题，这样用户就可以通过标题看到图片。但是，当用户滚动时，我不希望文本通过标题显示。 我的项目结构是： <App>
<Header />
<Body />
</App> 当前页眉样式为： .mobileHeader {
display: flex;
justify-content: space-between;
width: 100%;
position: fixed;
top: 0;
浏览 11提问于2021-02-05得票数 0
2回答
我使用的是响应性滑行模块- Lof ArticlesSlideShow ()。
当我将窗口调整到更小的大小时，如何隐藏"Navigator“部分(滚动的带有缩略图的文章行)。
现在，如果我调整浏览器窗口的大小到我的移动显示器的大小(摩托罗拉Defy+)，导航部分将超过图像，标题和内文。在移动浏览器上打开演示链接，效果相同。
由于指向文章的链接位于标题上，而标题隐藏在导航器下，因此无法访问文章页。
有什么想法吗？
浏览 2提问于2013-02-25得票数 0
回答已采纳
我在iOS上的一个网站(在我的最新iPhone 13上进行测试)似乎是一个简单的问题，但我似乎找不到一个有效的解决方案。开始拔出我的头发，因为它似乎是一个错误，而不是一个实际的问题，我如何布局这一页。
该网站有一个非常简单的标题，是固定的位置，其中包含一个绝对定位的菜单按钮在右手边。(编辑:只是为了澄清该按钮触发javascript来打开覆盖窗口左侧的完整高度菜单div。所有这部分功能都正常工作，只是点击按钮打开这个导航框没有任何作用，直到我向下滚动)
在桌面上，使用Chrome工具，所有的浏览器大小都可以正常工作。
但是，在iOS上，当加载页面时，按钮是不可点击的。如果我突然稍微向下滚动，我
浏览 6提问于2022-04-11得票数 1
我是这里的论坛新手，希望有人能帮我。
在用户滚动经过某个点时，在应用于固定标题的类中尝试使固定标题显示时，会遇到一些问题。
下面是我使用的代码：
$(window).scroll(function(){
if($(".header-container").offset().top>385){
$(".header-container").fadeIn(200).addClass("sticky");
}
else{
$(".header-container").fadeOu
浏览 2提问于2013-02-12得票数 0
2回答
我在这个问题上得到了善意的帮助，但现在有更多的问题。
我希望我的标题改变高度时，用户滚动和平稳过渡。
目前，它似乎正在工作，但内容是被剪裁时，高度是调整的导航，即使我有overflow:visible在导航。
第二，动画似乎是在你滚动，甚至一点点，而我希望它开始时，滚动超过100 to。
$(function(){
$(document).scroll( function() {
var value = $(this).scrollTop();
if ( value > 100 ){
$("nav").animate({height:1
浏览 6提问于2013-10-28得票数 0
回答已采纳
这个带有单一堆栈导航器的非常基本的应用程序的行为并不像预期的那样适用于web。在iOS/Android上，标题保持在适当的位置，屏幕在标题下滚动。对于网页来说，标题不会固定在顶部。看这小吃
我认为这可能是一个错误的反应-本机导航或反应-本地网站，但我想看看是否有一个解决办法。
浏览 7提问于2021-05-14得票数 2
回答已采纳
我注意到，至少在iOS 11上，如果将导航栏隐藏在UITableViewController上，UIRefreshControl就会出现在内容的标题之下，而不是在滚动区域的上方。
屏幕截图显示标题背景设置为白色，视图背景设置为黑色以说明这种对比：
是否有人知道如何使UIRefreshControl在所有UITableViewController (显示的黑色区域)以北出现，而不是在其内部.一致适用于iOS 9、10和11？
浏览 1提问于2017-11-11得票数 0
回答已采纳
我有一个显示标题和副标题的导航栏的自定义视图。当我滚动时，我会使用“滑动时隐藏条”属性来隐藏NavigationBar。
不幸的是，我的UITableView仍然扩展到全屏，如下所示：
我在故事板中的UINavigationController上使用了不同的属性
Under Top Bars - unchecked
Under Bottom Bars - unchecked
UINavigationController脚本设置：
MyTableViewController脚本设置：
我遗漏了什么？
浏览 1提问于2019-01-03得票数 0
我正在开发一个React本机应用程序，我在主App.js文件上创建了一个抽屉和一个Stack Navigatior，我面临的问题是，当我在抽屉中导航到带有堆栈导航的页面时，我会得到两个标题(一个在另一个下面)，当我到达Stack页面时，有没有办法使用相同的标题(顶部标题或主标题)。
以下是App.js代码：
import 'react-native-gesture-handler';
import React from 'react';
import { StyleSheet} from 'react-native';
import { Navi
浏览 3提问于2020-11-16得票数 1
回答已采纳
在我的react项目中，我希望导航在向下滚动时隐藏，当滚动时显示。我使用窗口事件侦听器滚动，这会激发我的toggleNavigation函数和CSS、transform: translateY和transition。无论使用鼠标轮、键盘箭头还是拖动滚动条，在上下滚动时导航都会闪烁。(在运行toogleNavigation时还有其他一些条件，但它们并不相关。)
导航组件
import React, { useEffect, useState } from "react";
export default Navigation = () => {
const [prevS
浏览 3提问于2020-11-01得票数 1
5回答
动画导航栏标题文本更改
、、、、
在我的应用程序中，我有一个页面视图控制器，允许用户在应用程序的不同“部分”之间滑动，在导航栏的顶部，我将标题文本更改为用户通过pageViewController:didFinishAnimating:previousViewControllers:transitionCompleted:滑动到的新部分。当动画完成后，它正在立即更改标题文本。我想用一些动画来改进这一点，一种微妙的淡入和淡出效果。
我首先尝试实现[UIView animationWithDuration:...]来动画化标题文本，但它并不是动画，而且仍然是即时更新的。
然后，我想知道是否有可能更新导航栏标题的alpha，因为用户
浏览 14提问于2014-07-03得票数 17
回答已采纳
1回答
在Chrome中有一个奇怪的问题，我的站点引导导航菜单中的navbar品牌元素。
我们有一个更大的网站标志显示在标题部分，和一个较小的标志在导航栏品牌元素显示默认无。在向下滚动页面时，我们将导航条粘贴到浏览器的顶部，并显示() navbar品牌元素。当滚动回滚时，小徽标应该隐藏()，因为大徽标随后是可见的。
这在IE和Firefox中没有问题，但在Chrome中只有部分工作。滚动上的显示和滚动上的隐藏一样工作，但正如您将看到的，移动到徽标上以显示的菜单项，当徽标被隐藏时，不要移动。如果然后单击任何菜单项，则菜单项将移回应有的位置。
代码本身是尽可能简单的，所以我不相信这是错的；
$(windo
浏览 1提问于2015-06-02得票数 1
回答已采纳
2回答
在iOS设备上打开键盘后，固定标题会滚动。键盘打开后有没有可能有固定的标题？我不想有标题滚动的内容。
这里解释了类似的问题：
我在使用Cordova的React项目中遇到了这个问题。
非常感谢你的帮助。
浏览 2提问于2019-05-22得票数 0
我的问题很简单，但我不知道该怎么做，我在一个使用Reactjs的网站上工作，这是我的问题，我需要在点击按钮时向下滚动到特定的div，当我在同一页上时，它工作得很好，但当我在不同的页面上时，它只能导航(因为按钮在导航栏中，所以它出现在所有页面中)。 我使用的是react-scroll的链接，代码如下： import { Link as Scrolllink, animateScroll as scroll } from 'react-scroll'
<li className="has-children" >
浏览 19提问于2019-12-14得票数 0
1回答
我有一个类似48个按钮的游戏，我有一个6x8的网格。游戏就像在布局中的国际象棋游戏，所以拥有所有这些按钮是很重要的。好吧，如果你能想象一个国际象棋游戏，布局如此之大，我可能需要一个垂直滚动视图，这样用户就可以上下滚动来充分玩游戏。而且，当我滚动时，我显然不希望我的导航按钮在顶部滚动(例如菜单按钮)。所以，我做了一个视图控制器，我添加了一个UIView，然后在UIView中添加了一个滚动视图，在这个滚动视图中，我首先为我的象棋类游戏添加了我所有的48个按钮，然后为那个游戏添加了我的bg，这样当用户垂直滚动时，bg不仅会滚动，而且所有的按钮也会滚动。我做了所有的代码和一切使我的滚动视图工作，然后最
浏览 1提问于2012-07-16得票数 1
回答已采纳
所以我在几年前创建了一个非常简单的自定义NavigationController，当然它是UINavigationController的子类，它覆盖的唯一方法是
- (BOOL)navigationBar:(UINavigationBar *)navigationBar shouldPopItem:(UINavigationItem *)item
在它中，我显示了一个UIAlertView，它要求用户确保他们想要返回。当他们选择yes时，它返回到使用
[self popViewControllerAnimated:YES];
一切正常，除了在iOS 7中使用新的从左向右滑动手势返回到前一个屏
浏览 2提问于2014-01-11得票数 0
2回答
我正在制作react原生博览会应用程序。我对react导航有一些问题。我有3个页面: main.js，->，page1.js，->，page2.js，我在这3个页面之间导航。但是当我导航到每一页时，它又多了一个标题。因此，当我导航到3个页面时，我有2个标题。一个标题来自page2.js，第二个来自page1.js
我想只有一个标题，这是从当前页面。我需要做什么才能拥有这个？我需要再添加一个页面，这些页面之间的导航位置是什么？我需要添加什么？请帮帮我代码：
// main.js createStackNavigator:
export default createStackNa
浏览 33提问于2019-07-16得票数 1
我已经创建了一个具有几个更“困难”或有问题的CSS功能的模板，例如具有溢出滚动的固定位置、全宽导航栏和另一个类似列的位置:fixed元素也具有溢出滚动。我所有的字体大小都是在em中设置的。
该网站在大型桌面屏幕上看起来很理想，但不是较小的，即大多数笔记本电脑。但是如果你把浏览器缩小到一个较小的屏幕(命令/控制-减去)，它看起来又很理想，实际上相当于一个大屏幕。第一次在小屏幕上加载网站时的问题实际上与在大屏幕上过度缩放(可能是250%)是相同的。
大多数问题似乎都与宽度有关:固定位置的导航栏有无法缩小的文本链接，因此我使用overflow-x: auto。此外，还有一个居中的列，其中包含所有内容
浏览 0提问于2014-04-19得票数 0
我有一个使用以下滚动间谍样式的网页的版本：
“成功实现后，您的nav或列表组将相应更新，根据它们关联的目标将.active类从一个项移动到下一个项。
当具有特定ID的元素出现在屏幕上时，它会激活Navlink并突出显示它。我已经把它翻译成了一个React，并从“react路由器-散列链接”中导入了它。因为我这样做了，当id (#)在屏幕上时突出显示导航链接的滚动间谍就不再工作了。有什么解决方案来用这个组件来模拟这个滚动间谍功能吗？
浏览 2提问于2021-01-05得票数 2
1回答
我尝试使用两个不同的角度插件，它们都使用指令来创建滚动条。我的问题是，我想要更改的滚动条在垂直导航条上，而导航条处于固定位置。
所以，当我将指令放在导航条中时，它很好地构建了新的滚动条，无论旧的默认滚动条如何仍然存在，这是因为导航条有一个最大的高度和一个y-overflow = auto，如果我将它更改为y-overflow = hidden，那么新的滚动条就不会一直延伸到导航条的底部。
我知道有一个css解决方案，但是它在大多数浏览器中不兼容，所以我需要用javascript来实现。
所以我的问题是，谁能帮我改变固定元素上的滚动条，而不需要默认的滚动条，并允许新的滚动条一直延伸到导航条的底部
浏览 3提问于2015-05-19得票数 1
回答已采纳
1回答
我使用react本机v0.66和react导航v6，我看到重复的标题，但我可以定制‘第二个’标题，顶部的标题不应该出现。我不知道怎么才能显示出一个标题。请看，我认为代码很好。
谢谢!
依赖关系
"@react-navigation/bottom-tabs": "^6.0.9",
"@react-navigation/drawer": "^6.1.8",
"@react-navigation/material-top-tabs": "^6.0.6",
"@react-navigation/na
浏览 7提问于2022-01-26得票数 0
回答已采纳
1回答
我允许用户上传带有标题的图片，它将被上传到引导缩略图中，问题是如果标题太长，就会破坏页面的外观。我如何使缩略图在一个固定的大小，所以如果标题将是太长，那么我将有一个滚动条，将显示其余的标题。我试着添加滚动条，但没有帮助。
<div class="col-md-4">
<div class="thumbnail" style="overflow-y:scroll;">
<a href="{{ url('/home', $images->id) }}"
浏览 3提问于2015-06-11得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
