Reactjs通过可滚动的容器添加/删除输入字段
Reactjs是一种流行的JavaScript库，用于构建用户界面。它通过可滚动的容器添加/删除输入字段的过程如下：
- 首先，我们需要创建一个可滚动的容器，可以使用React中的ScrollableContainer组件或者使用CSS样式来实现。这个容器可以是一个div元素，设置overflow属性为"scroll"或"auto"，以便在内容溢出时显示滚动条。
- 接下来，我们需要定义一个输入字段的组件。可以使用React中的Input组件或者自定义一个组件。这个组件可以包含一个文本输入框和一个删除按钮。
- 在父组件中，我们可以使用React的状态管理来跟踪输入字段的数量和内容。可以使用useState钩子或者类组件的state属性来实现。初始状态下，可以设置一个空数组来存储输入字段的数据。
- 当用户点击添加按钮时，我们可以通过setState或者useState的更新函数来添加一个新的输入字段到数组中。这将触发React重新渲染界面，并显示新的输入字段。
- 当用户点击删除按钮时，我们可以通过setState或者更新函数来从数组中删除相应的输入字段。同样，这将触发React重新渲染界面，并移除对应的输入字段。
- 最后，我们可以在父组件中使用map函数来遍历输入字段的数组，并渲染每个输入字段组件。这样就可以在可滚动的容器中动态添加/删除输入字段了。
Reactjs的优势在于其组件化和虚拟DOM的特性，使得构建和管理用户界面变得更加简单和高效。它具有良好的可维护性和可扩展性，可以轻松地处理复杂的应用程序逻辑和交互。
对于这个场景，腾讯云提供了一些相关的产品和服务，例如：
- 云服务器（CVM）：提供可靠的云计算基础设施，用于部署和运行Reactjs应用程序。链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：用于存储和管理应用程序的数据。链接：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供可扩展的对象存储服务，用于存储和管理应用程序的静态资源。链接：https://cloud.tencent.com/product/cos
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和项目要求进行评估和决策。
相关·内容
我有一个问题，一个固定的页脚与一个输入字段在里面。当您向下滚动时，您可以在 page.The页脚上找到一个示例。然后，如果页脚中的输入获得焦点，整个页面就会向下滚动。为什么会这样？怎么修呢？
p.s.：我只能在iPad上的Safari和iPhone上的iOS 8中复制这个bug。
浏览 2提问于2015-02-24得票数 1
回答已采纳
在iOS7、chrome和safari中，在输入字段的焦点上，页面滚动。
如果用户点击它的内部，我希望这个字段是集中的，我希望滚动仍然工作，但是在输入字段焦点上发生的默认滚动，我希望它停止。
我怎么能这么做？
下面是一个示例JS小提琴：
代码：
$(window).on('scroll', function(){
$('input').animate({'top':100});
});
浏览 3提问于2014-03-12得票数 0
回答已采纳
我的问题是。
应用程序使用主题android:Theme.NoTitleBar.Fullscreen，只有一个Activity，所有其他视图都是Fragment。
我有WebView在ViewPager Fragment里面，在ScrollView里面
HTML内容有输入字段
我单击WebView底部的输入字段
打开软输入，但Window没有调整大小/窗格。
我尝试过在我的清单中设置android:windowSoftInputMode="adjustResize"或android:windowSoftInputMode="adjustPan
浏览 2提问于2013-12-05得票数 25
回答已采纳
我一直在尝试实现一种设计，我们有一个没有滚动条的全屏标题，但当你试图滚动标题时，页面会向下捕捉到网站的内容(100vh)。然后内容就会有一个正常的滚动。
当你向上滚动时，同样的事情也会发生--你滚动页面内容，直到你撞到页眉，然后你被带到页眉(100vh)。
最重要的是，我在网站的内容中使用基于滚动的动画，加上我需要能够滚动到下一节和点击网站内容内的特定div。
<body>
<div class="header">
... 100vh header, does not have a scrollbar, snaps to next sect
浏览 0提问于2019-04-03得票数 3
2回答
我开始使用Reactjs，来自OO (Java)背景，我很好奇我们是否可以以真正的面向对象的方式使用React，并具有真正的继承和组合。
用例:我们在一个库中创建React组件，以供开发人员重用。我们可以用面向对象的方式来设计它吗？例如，我可以有一个具有一些基本样式/行为的通用输入文本字段，然后有另一个扩展输入的MyInput字段，该字段能够利用输入的属性和行为吗？
我学到的大多数React似乎都使用应用程序本身中的状态和缩减程序来管理一切；在我看来，这似乎没有抓住面向对象设计的强大之处。但也许我错了。任何信息都会很有帮助
浏览 3提问于2016-03-03得票数 29
我有一个视图，在这个视图里面我放了一个滚动视图。
我想在视图内创建一个滚动视图，但问题是，如果我在滚动视图中添加带有多行的标签，但结果是滚动视图将向右伸展，而不是输入到多行，但在storyboard中，当我在Simulator上运行时，标签看起来很好，标签向右伸展。
我已经尝试水平居中的文本字段和标签，但结果我不能滚动垂直滚动视图。
我已经给出了这个约束
滚动视图:-
标签:-
滚动视图的SuperView (MainView)的前导和尾随
浏览 0提问于2018-07-02得票数 0
1回答
我正在尝试使用MDCChipField，这是Swift的材料设计组件。我正在实现“输入芯片”类型，并且能够将输入的文本作为一个芯片添加到
let mdcSearchField = MDCSearchField()
mdcSearchField.addChip(chipView)
当MDCChipField中的芯片溢出时，它们将被添加到下一行。如何将可滚动方向设置为水平而不是垂直方向？
在链接中，放置部分解释
输入芯片可以与其他组件集成。它们可以出现：
在水平滚动列表中与字段中的文本输入光标内联-在堆叠列表中
如何在代码中执行水平滚动列表？
谢谢。
浏览 0提问于2019-07-08得票数 2
1回答
如何使用UI创建滚动输入文本字段
统一4.6.6
我的项目中的问题是
1.游标不遮掩
2.滚动条大小自动变为0到1大小。
3.滚动条在分配"Scroll Rect“后不工作。
这是我的样本工程
提前谢谢。
浏览 0提问于2015-07-07得票数 1
回答已采纳
我在板球模拟器上工作，有一个屏幕上有大量的文本框供用户输入球队和球员的信息。我现在意识到我需要滚动屏幕，因为弹出的键盘隐藏了屏幕的底部。
有没有办法让这个之前复杂的屏幕可以滚动？我知道如何从头开始创建一个ScrollView，然后在Storyboard中创建我的视图，但是有没有办法在之前创建它之后使它可以滚动呢？
谢谢。
浏览 3提问于2017-10-24得票数 0
有人知道android:isScrollCOntainer = (boolean)或$(View).setScrollContainer(boolean)做什么吗？
起初，我认为这是在ScrollView中设置一个视图而不是使用ScrollView滚动的答案，但情况似乎并非如此。
在Android开发者身上，
如果视图将用作滚动容器，则“将其设置为滚动容器，这意味着可以调整视图的大小以缩小其整体窗口，以便为输入方法提供空间。
有人能解释一下这个描述是什么意思吗？
在这种情况下，什么是滚动容器？
什么样的输入法是可用的？
浏览 1提问于2011-03-15得票数 48
回答已采纳
1回答
我需要我的应用程序的帮助，有4个问题我正在面对：- 1)场景如下：
启动应用程序
输入密码和所有密码之类的详细信息
之后退出应用程序
当我再次启动应用程序时，我希望所有字段都是空白的。我找不到一种方法/函数来帮助我做到这一点。
2)我试着从文本区域保存文本，但是在第一个空格后没有保存任何内容。我尝试使用缓冲输入/输出流，但得到了一个错误。
3)最重要的是，当我在三星Galaxy上运行这个应用程序(没有在其他设备上进行测试)时，它给了我错误/异常java.lang.NoclassDefFoundError: org.bouncycastle.crypto.paddin
浏览 0提问于2016-01-11得票数 2
1回答
我试图向JList (它使用自定义数据模型)添加一个滚动条。添加JScrollPane实际上隐藏了JList，而不是添加滚动条。当我使用滚动条运行代码时，JList是不可见的，我看不到数据。
playlistField = new JList(playlist); // playlist is a data model
playlistField.setLocation(32, 220-36);
playlistField.setSize(350,120);
playlistField.setVisible(true);
this.add(playlistField);
listScroll
浏览 2提问于2009-06-02得票数 6
回答已采纳
我试图使用角卷()简单地滚动到同一页面上的<a>链接，但要做得很好和顺利。当我无法使它工作，我做了一个超级简单的设置在柱塞。
柱塞：
如果您下载GitHub的zip，那么在文件夹位置angular-scroll-master/example/container.html中有一个示例要做。实际上没有什么复杂的，角脚本基本上只是为指令找到容器id。
我不明白为什么我的页面不滚动。
<div class="medium-6 columns" du-scroll-container="container">
<a href=&
浏览 3提问于2016-10-11得票数 0
回答已采纳
在滚动视图中垂直放置大量输入字段的页面--有些位于底部。
问题是，当我点击底部的输入字段时--键盘弹出并隐藏字段--它不会自动滚动以使字段可见。
这是在iOS上。
有什么帮助吗？
在Android系统中不会出现这种情况--通过将输入字段移动到键盘上方，输入字段将自动显示出来。
浏览 1提问于2018-02-09得票数 0
回答已采纳
我有一个有限制的大小和溢出样式设置为滚动的窗体。此表单包含许多DatePickers。如果我打开一个DatePicker，然后滚动面板(用滚轮将焦点保持在DatePicker上，使其保持打开)，DatePicker不会随着它所附加的表单域一起移动。请看下面我的完整工作示例：
<html>
<head>
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script type=
浏览 1提问于2009-12-07得票数 2
回答已采纳
我有一个固定高度的可滚动容器，在这个容器中，我有一些带有ul项的li列表。
在我的解决方案中，JavaScript用于根据最大高度的元素给所有ul元素相同的高度。
我准备了一个简单的，但它完美地展示了这个问题。
现在看来，Internet中的下降只可能出现在目标列表的区域，目标列表没有滚动就可以看到。
它在Firefox和Chrome中没有问题。
复制的步骤
打开Internet Explorer中的小提琴(10/11)
将项目从左侧拖动到右侧。
你会看到一个复制/移动可能的图标
将容器滚动到底部
将项目从左侧拖动到右侧。
在特定的不可见点下面，您会看到一个forbbi
浏览 3提问于2016-07-29得票数 1
回答已采纳
在我正在开发的一个应用程序中，我有一些数据可以作为列表、地图或分析显示。用户可以通过单击按钮选择其中之一。在屏幕上，我有一个标题，在它下面有一个ScrollView。在ScrollView中，我有用于ListView、地图和分析的容器。我根据用户的操作显示/隐藏这些视图。ListView在ScrollView中，因此我使ListView不可滚动，并使其高度展开，以便可以显示所有项目。
现在我的问题是:因为ListView被扩展了，ScrollView的高度变得非常大。现在，即使我隐藏ListView并显示地图，ScrollView的高度也保持不变。因此，即使地图显示在一个小区域，我可以继续滚动
浏览 6提问于2015-01-02得票数 0
回答已采纳
1回答
动态添加元素，可拖动和可排序
、、、、
嗨，我很难做小提琴
我喜欢做的是：
动态添加组
动态添加问题
可排序群
可排序问题
问题可以提交给另一组。
但小提琴只会：
动态添加组
动态添加问题
可排序问题
另外，生成的输入也被禁用了，这是怎么回事？
有人能帮帮我吗？我是后台的人所以请饶了我吧。
提前谢谢你。
浏览 3提问于2014-01-30得票数 1
回答已采纳
1回答
我有一个Add购物列表项目Jetpack Compose屏幕，它包含几个TextField输入和底部的一个图像容器。屏幕在底部溢出并被切断。我如何滚动屏幕？
浏览 11提问于2022-06-27得票数 1
回答已采纳
3回答
我想在页面中添加两个分区，一个分区用于顶部部分，这是只准备好的，另一个分区用于较低的部分，它是可编辑的。我想要实现的是：
如果内容太长，则使较低的分区可编辑并可滚动。
在滚动下分区时，顶部分区应保持在相同位置。
下面是我的代码：
<html>
<body>
<div>
<div>Top Part</div>
<div contenteditable="true">Click here to type</div>
</div>
</body>
<
浏览 1提问于2022-04-02得票数 2
回答已采纳
2回答
这看起来就像在一个元素上应用一个webkit-transform属性，或者它的父元素的webkit-over-flowing-scrolling: touch完全破坏了滚动，因为滚动根本不起作用。
有没有人经历过这个bug并知道一个解决方案？
浏览 14提问于2012-07-02得票数 5
在我的iOS应用程序中，我有一个常规的UIScrollView覆盖整个屏幕。它的顶部包含一个UIView (带有一些标题图像、工具和其他内容)，下面是一个填充了一些web内容(博客条目和评论)的UIWebView。
当聚焦于web视图的文本字段之一，从而显示键盘时，web视图滚动以将输入字段放在键盘的上方。问题是标题不会移开，因此覆盖了输入字段。
所以我的问题是:我如何告诉代码在显示键盘时滚动哪个滚动视图？似乎回到了一些默认行为，并滚动保存输入字段的UIWebView。我想滚动父UIScrollView。
我尝试在UIWebView上将.scrollEnabled设置为NO，但这不会改变任何事
浏览 1提问于2013-05-28得票数 0
1回答
我正在尝试呈现一个组件，但该值位于一个jQuery函数中，该函数检查输入字段中的更改。
控制台返回此错误：
对象作为React子对象无效(找到:对象HTMLDocument)。如果您打算呈现一个子集合，则使用数组代替，或者使用createFragment( object )从React插件包装对象。检查Result的呈现方法
守则：
import React, { Component } from 'react';
import Result from './Result';
import * as $ from 'jquery';
im
浏览 3提问于2017-07-13得票数 0
我用代号开发了我自己的列表，一个有两种可能的条目类型和两种不同的呈现器(每种类型的条目一种)。
我在列表中输入了一些硬编码的虚拟条目。
如果我在模拟器中启动这个应用程序，所有的虚拟条目都是正确显示的，但是一旦我将该应用下载到我的phone上进行测试，我就不能向下滚动整个列表，而只有20个条目(而列表左边的“滚动条”看起来像从整个列表中向下)。
有什么问题吗？
ps:由于我不使用GUIBuilder，所以文件非常大，所以我将只在需要时发布两个ListItems (+抽象父类)、两个ListRenderer (+抽象父类)的代码以及它们的用法。
编辑：仔细查看滚动条，它看起来没有正确计算屏幕大小(
浏览 1提问于2016-03-08得票数 1
回答已采纳
我创建了一个函数来检测滚动状态，这意味着如果用户已经滚动到页面底部，那么'console.log(true)‘和设置状态。函数名为handleScroll，我从助手文件中调用该函数。在我的视图文件中，我调用事件侦听器来检测滚动变化，使用handleScroll函数在componentDidMount中&稍后通过卸载删除事件侦听器。
但是，当我运行代码时，初始状态在'atBottom: false‘中设置。但是稍后，如果我向下滚动页面，函数将不再被调用，并且我无法检测我是否位于页面的底部。
----> View file
import { handleScroll
浏览 0提问于2019-01-13得票数 1
我正在将CDK覆盖添加到mat-sidenav。我想在覆盖打开时阻止在mat-sidenav上滚动。
我创建了滚动被阻止的覆盖图：
const overlayConfig = new OverlayConfig({
scrollStrategy: this.overlay.scrollStrategies.block(),
});
const overlayRef = this.overlay.create(overlayConfig);
我不会用mat-sidenav做任何特别的事情，因为它默认是可滚动的。
这是一个堆栈闪电战，展示了这个问题。您应该能够滚动side-nav，然后打开并
浏览 32提问于2020-03-07得票数 4
2回答
我试图设置肚脐背景颜色取决于Y滚动位置的网页。问题是，一旦我进入Y坐标之间，我想要setState的肚脐背景，它不会停止设置它，直到页面冻结。下面是我的代码，以便更好地理解：
获得Y滚动位置，检查其是否介于600至650之间，是否真正设置导航条背景颜色：
const [navbarBg, setNavbarBg] = useState(style_buttons)
function runOnScroll() {
const scrolled = window.scrollY
if (scrolled > 600 && scrolled < 650) {
浏览 2提问于2020-11-04得票数 1
回答已采纳
1回答
在我的例子中，我有一个固定的输入data-spy="affix"，由于父<div class="container" style="margin-top:80px">的原因，它被90px下移了。
因此，唯一需要滚动的就是文本。这实际上是有效的！
我的问题是，滚动到输入后面的文本是可见的，我想隐藏它！
我试着在输入前添加一个白框，但我所有的尝试都不是真的成功！所以我希望你能帮助我！谢谢
浏览 0提问于2014-02-14得票数 1
我正在使用一个带有插件jquery.easydrag.js的fancybox。这样做的原因是能够四处拖动fancybox。
它似乎工作得很好，但当fancybox有滚动条时，问题就来了。即，例如，当点击提交并且没有输入任何字段时，屏幕上的有效性导致滚动条。这通常很好，但是滚动条会导致可拖动功能的各种问题，所以当我试图上下单击滚动条时，它实际上会移动整个窗口。因此，它似乎对哪些内容可以移动以及如何使用滚动条感到困惑。
claimLink.fancybox({
'width': 500,
'height': 590,
浏览 6提问于2012-05-24得票数 3
回答已采纳
2回答
我有个问题困扰了我好几个小时，我只是想办法解决这个问题。
我创建了一张卡片(类似于Bootstrap中的卡片)。我给了它一个固定的高度。一切都很好。
然而，在卡内。我有一个div，有一个叫做“事务行”的类。在它中，在div中有几行单独的行。可能有1-50。
我要做的是让溢出-y工作，这样如果“事务行”div的高度大于卡的固定高度，它就会触发滚动模式(overflow: scroll)。
如果您现在查看它，它不会正确触发滚动模式。如果你删除了一些评论，从小提琴，它将看起来很正常。
<div class="test-card style-one main-details"
浏览 5提问于2022-06-09得票数 2
回答已采纳
1回答
我正在尝试设计一个使用Ionic的登录屏幕，我的字段在我的页面中间。当我选择一个输入，我想滚动屏幕上，以保持我的字段和我的登录按钮在应用程序屏幕的中心。
浏览 5提问于2022-09-06得票数 1
1回答
我正在尝试创建一个包含其他控件的滚动区域，以允许输入大量不同数量的数据。我通过创建一个框架来做到这一点，其中是另一个框架和一个滚动条。滚动条可上下移动内部框架，以便所有控件都可以显示在视图中。
但是，在滚动过程中，内部框架会溢出到外部框架之外。首先，我想知道这是不是正确的方法，如果是的话，如何防止这种泄漏？
这主要是一个表面上的问题，所以如果答案很复杂，就不需要担心了，但如果能够纠正它，那就太好了。
浏览 0提问于2010-11-17得票数 1
回答已采纳
2回答
将图像或组件从屏幕的另一边带到屏幕上，通过一个变体进入屏幕，如
const containerVariants = {
hidden: {opacity : 0, x: '-100vw'},
visible: {opacity : 1, x : 0}
}
在初始隐藏和动画是可见的地方，将导致滚动条出现。我没有看到滚动条出现在我看的教程上，知道为什么会出现这种情况吗?或者如何防止滚动条的出现？这似乎违反了直觉，滚动条会出现在框架运动期间，作为我如何可以滑动对象到视图。
浏览 9提问于2022-07-07得票数 1
4回答
一般情况：
添加一个UITableView作为另一个UITableView的子视图可以吗？或者，我应该创建一个UIView并将每个UITableView添加到其中吗？
具体地说：
对于具有提前打字机的ComposeTableViewController，如iPhone的本地邮件应用程序，您会推荐哪种方法，以及为什么？
注意:我更喜欢以100%的编程方式构建东西(没有接口生成器)。
子类UITableViewController.
然后，为了显示提前输入的结果，创建并添加一个resultsTableView作为self.tableView的一个子视图，该视图位于带有typeahead字段的单
浏览 5提问于2014-11-03得票数 3
3回答
在IE中查看此小提琴：
请注意样式style="position:relative;clear:both;max-height:100px;overflow:auto;"
基本上，我希望它是这样的，当你滚动并向下拖动到可滚动div的底部时，它会相应地滚动。问题出在IE中，您可以将项目拖到底部，使其无限滚动
有没有办法防止在IE中发生这种情况，这样当向下拖动可排序项时，它会停在底部，而不是让它无限滚动？
浏览 3提问于2013-04-02得票数 0
回答已采纳
angular-material中的autocomplete组件在MatDialog组件中未按预期工作。autocomplete组件中的drpodown部分不能粘贴到输入字段。
stackblitz链接-
重现--转到stackblitz上面。点击“打开弹出窗口”按钮。单击"Pick One“自动完成字段。选项将以下拉列表的形式打开。然后滚动弹出窗口的bodu。请注意，autocomplete组件的下拉列表部分并不固定在输入字段中。我该如何解决这个问题？
浏览 1提问于2018-12-14得票数 3
2回答
当我在键盘上按住/按下'w‘键时，整个页面应该向上滚动。当我按下'd‘键时，它会向下滚动。除非我在输入字段中，否则当我想输入W/D字母时，我会向上/向下滚动。
当在键盘上按W.87=W(代码不能正常工作)时，这将是向下滚动的代码。
document.body.onkeyup = function(e) {
var code = e.keyCode;
if(code === 87) {
window.scrollTo(document.body.scrollLeft,
document.body.sc
浏览 6提问于2022-02-02得票数 1
2回答
我正在创建一个web表单，其中有一个自定义输入字段与类型“文本”。
CSS看起来像
input {
height: 39px;
font-size: 14px;
color: #fff;
background: #000000 url(../img/search-bg-white.png) no-repeat 95% center;
border: none;
padding: 0 50px 0 10px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: borde
浏览 2提问于2015-02-11得票数 0
在读了很多关于这个主题的文章之后，我仍然对如何解决这个问题一无所知。为了澄清这个问题，我想让日历与相关的输入控件一起滚动，而不是固定在任何屏幕位置。这是没有滚动的图片：(这也是我想在滚动中保留的内容)
这是滚动时的图像：(这不是我想要的)
任何建议都将不胜感激。更新:这是一个很好地描述了这个问题的，我想让日历在滚动时保持在控件上。
浏览 1提问于2012-05-17得票数 8
回答已采纳
4回答
我注意到，当我使用<video>标签将视频嵌入到网页中时，在上下滚动时，视频会在浏览器中上下垂直弹跳。有没有办法禁用这种行为？
浏览 0提问于2010-12-30得票数 1
2回答
颤振滚动模态底片
、、、
有没有办法使ModalBottomSheet具有固定的高度--我不希望它的高度在滚动时膨胀
这是我使用的代码
showModalBottomSheet(
context: context,
isScrollControlled: true,
backgroundColor: Colors.transparent,
builder: (context) => DraggableScrollableSheet(
builder: (Bu
浏览 21提问于2022-02-05得票数 0
在我的iPhone应用程序中，我有一个设置页面，用户可以在该页面中向多个TextFields输入文本。文本字段都是表中的单元格。我注意到的问题是，当一个字段从手机屏幕上滚动时，它失去了当前文本字段中的值。
我注意到苹果的应用程序总是让你点击一个字段来编辑它，这会显示一个新的视图，这个字段就是一个文本框。似乎没有意义的额外点击，我希望找到一种方式，允许一个表与UITextFields保存他们的价值，即使他们滚动的屏幕。
当用户按下键盘(didFinishEditingField:)上的Next/Done按钮以更新表控制器内的值时，我确实有一个事件，但是如果用户不按下该值，以及未触发的另一个字段中
浏览 5提问于2009-08-07得票数 2
回答已采纳
对于Cypress中的测试，我希望向下滚动到用Ionic创建的页面底部。
我尝试在窗口上使用scrollTo：
cy.scrollTo('bottom')
但是得到了一个错误：超时后重试4000 is : cy.scrollTo()失败，因为这个元素不可滚动：
在元素本身上使用scrollIntoView也没有帮助。
还滚动主要离子容器：
cy.get('ion-content').scrollTo('bottom')
导致了同样的错误。
有谁有主意吗？
浏览 3提问于2021-09-22得票数 1
回答已采纳
1回答
如何在回发事件后保留组件道具。描述:我有一个容器，它有多个组件(在同一个视图中)，其中一个组件有两个字段和一个按钮"continue“。在这些字段中输入一些值后，单击continue按钮它将转到另一个组件在此组件中，我们有两个字段和两个按钮，一个是后退，当我单击back按钮时，它将转到上一个组件，但不保留在这些组件上输入的属性。你能帮我保存数据吗？
浏览 14提问于2017-07-15得票数 0
我有一个响应式的网站，有菜单栏作为侧边栏(如FB应用程序)，这是通过position: fixed;固定到右角。到目前为止，除了与-webkit-overflow-scrolling: touch;结合使用的iOS7之外，它工作得很好。固定元素不停留在它的位置，而且它在滚动完成后跳到固定位置。
你们有什么建议吗？
谢谢
浏览 3提问于2014-09-22得票数 3
1回答
我们知道，浏览器中空格键的默认功能是在没有输入处于活动状态时向下滚动。类似地，shift+space条滚动顶部。
在我的应用程序中，我使用的是Jquery对话框，如果我在没有输入处于活动状态时按空格键，则会滚动背景而不是对话框。
因此，我添加了tabIndex = -1，当对话框高度较大时(即对话框有滚动条时)，它可以很好地工作。但是当对话框没有滚动条(只有背景在滚动)时，它就不工作了。
<div id="contactContainer" class="default-dialog" tabindex="-1"></div&g
浏览 13提问于2016-08-08得票数 1
8回答
我使用的是jQuery 1.3.2。
表单中有一个输入字段。单击输入字段将打开一个下拉列表形式的div。div包含一个项目列表。由于列表很大，所以在div中有一个垂直滚动条。
要在单击外部时关闭下拉列表，输入字段上会有一个模糊事件。
现在的问题是：
在chrome(2.0.172)中，当我们单击滚动条时，输入字段将失去焦点。现在如果你点击外部，下拉列表将不会关闭(因为当你点击滚动条时，输入已经失去了焦点)
在Firefox(3.5)，IE(8)，opera(9.64)，safari()中，当我们点击滚动条时，输入字段不会失去焦点。因此，当您单击外部时(在滚动条上单击之后)，下拉菜单将关闭
浏览 6提问于2009-08-28得票数 8
回答已采纳
我有一个问题，试图让一个滚动表格工作在React JS。我也在使用骨架。我只提到这一点，以防与我不知道的框架和滚动表格发生某种冲突。
我目前有以下React JS组件：
HistoryContainer.jsx
import React from 'react';
import HistoryItem from './historyItem';
export default class HistoryContainer extends React.Component {
render(){
浏览 6提问于2015-06-23得票数 1
回答已采纳
4回答
jQuery-自动完成滚动问题
、、、、
我在我的应用程序中使用。我遇到过以下问题:如果您在输入字段中输入某些内容，以便显示自动完成数据，然后滚动页面，则包含自动完成数据的框不会随页面一起滚动。它保持在相同的位置。
你可以看看我面对的。请注意，这个示例不是由我创建的，所以我不确定这里是否使用了相同的jquery插件。尽管如此，问题仍然是一样的。
浏览 1提问于2012-07-19得票数 6
1回答
我很难理解如何使用react的onMouseDown事件来检测"mouse3“/鼠标向下滚动按钮事件。
我在一些元素上使用：
<Menu.Item
icon={<DashboardOutlined style={{ fontSize: '21px' }} />}
onClick={onClickDash}
onMouseDown={handleEvent}
>
Dashboard
</Menu.Item>
然后是handleEvent：
const handleEvent = (event)
浏览 6提问于2021-11-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
