我有一张两列的桌子。我希望第一列是可滚动的,这样我的表就可以保持在固定的高度,而不是连续展开。我只希望它是垂直滚动的:水平溢出部分应该仍然是可见的(在我的例子中,溢出部分是被隐藏起来并添加水平滚动条.)的工具提示,而不必水平滚动。我的CSS/HTML如下所示:
<table class"tab1">
<td class="td1"><div class="container"><!-- Many, many, many floating elements here --></div&g
我的React/顺风应用程序中的文本没有溢出的问题。我希望文本在移动设备上可以水平滚动,但我的文本似乎是包含的,如果我把屏幕变小,容器会不断调整大小,而不是溢出。在任何其他应用程序中,这将是天赐的,但我需要它溢出,以便我可以滚动它,就像你在手机上查看这个网站的链接,例如… https://www.glossier.com/ glossier.com horizontal scroll example 目前,我的代码如下所示。正如您所看到的,通过堆叠在一起而不是每个字母并排放置,文本适合于它们各自的div中的大小。 My app example 下面是我的组件的代码: import React
我有一个两边的仪表板,左边是导航,右边是主要内容,很简单。它们都由一个具有当前屏幕高度的主div来容纳。我需要的主要内容div滚动内部,而不是滚动与整个视图时,内容溢出。当右侧的导航不受主要内容div上的内容溢出影响时,所有这些都会保持不变。 <main className=" flex flex-row h-screen">
<div className=" w-1/5 h-full flex flex-col flex-grow bg-purple-50">
////This is the side nav
</div>
我有一个带有水平滚动条和垂直滚动条的固定页眉滚动表,目前我可以对每个列进行排序,但是在加载页面时无法正确地保留表的水平位置。
使用下面的内联css,我从一个隐藏的输入中获取scrollAmount,该输入的值来自jquery代码,并将其输入到内联css中。
style="transform:translateX(<negative offset value of scrollAmount>)"
我的问题是如何正确地维护使用CSS和jQuery的水平滚动条溢出的表的滚动位置,而无需等待页面完全加载/完成呈现?
内联风格
transform:translateX(-&l