scroll 相关问题

我有一个菜单，我以编程方式用模型填充该菜单。但我希望当它的项目太多而无法在页面中显示时它变得可滚动。这是我的菜单：我有一个菜单，我以编程方式用模型填充该菜单。但我希望当它的项目变得太多而无法在页面中显示时，它变得可滚动。这是我的菜单： <p:menu overlay="true" trigger="imgNotif" my="left top" at="bottom left" model="#{notifController.model}" /> 有没有办法让它可滚动（以编程方式或使用其样式/属性）？谢谢你根据评论，现在是： .p-menu-list { overflow-y: scroll; max-height: 200px; } （FWIW 我还必须添加 ::ng-deep 来在我的 Angular 应用程序中设置样式）使用以下 CSS： .ui-menu { overflow-y: scroll; height: 200px; } 使用下面的代码行使菜单可滚动 <p:tabView scrollable="true"> <p:tab title="MenuHeader">menu content</p:tab> <p:tab title="MenuHeader">menu content</p:tab> </p:tabView> 我知道这是一个老问题，但现在使用 primefaces 11，我使用这个 css 做到了： .ui-menu .ui-menu-parent .ui-menu-child{ overflow-y: auto; max-height: 80vh; } 这样，您的子菜单列表将增长到屏幕的最大 80%，如果它通过此值，它将可以滚动。

primefaces menu scroll scrollable

回答 3 投票 0

自动向下滚动聊天div

我有这个代码，用于加载聊天函数 getMessages(字母) { var div = $('#messages'); $.get('msg_show.php', 函数 (数据) { div.html(数据); }); } setInterval(getMessages, 100); 什...

javascript jquery scroll chat

回答 17 投票 0

如何滚动到 iframe 顶部

我在我的网页中使用了另一个网站（已经处于活动状态），但该网站页面的高度太大。所以在将其高度限制为 100vh （或某个高度）之后。向下滚动浏览 ifra...

javascript html angular iframe scroll

回答 2 投票 0

Flutter ListView.builder - 如何以编程方式跳转到某些索引

我有一个使用 MaterialApp、DefaultTabController、Scaffold 和 TabBarView 构建的屏幕。在此屏幕中，我的正文内容使用 StreamBuilder 从 sqllite 检索元素列表。我...

user-interface scroll flutter dart

回答 7 投票 0

左侧菜单应随页面滚动，但只能滚动到底部

我有一个经典的网站，左侧是菜单，右侧是内容。菜单相当长，但在某些页面上，内容确实很长。所以我希望菜单始终可供访问...

html css scroll menu

回答 1 投票 0

固定侧边栏内的狮身人面像雪花石膏主题滚动

我制作了一个sphinx项目/文档（使用雪花石膏主题），其左侧有一个固定的侧边栏（包含目录），但屏幕上显示的内容太多。我怎样才能...

html css scroll python-sphinx

回答 2 投票 0

如何在 HTML/CSS 中创建具有悬停叠加效果的水平滚动元素？

我正在开发一个网页，我需要创建一个具有以下属性的元素：可水平滚动：该元素包含多个舞蹈卡，每个代表一种舞蹈。应该

javascript html css scroll hover

回答 1 投票 0

在反应中，即使在添加任何div之前，我的html正文尺寸也大于屏幕尺寸并导致不必要的滚动

我正在考虑创建一个聊天 UI 作为练习课，因为我是 React 的初学者。我正在考虑创建一个聊天 UI 作为练习课，因为我是 React 的初学者。 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="stylesheet" href="index.css"> <meta name="viewport" content="width=device-width, initial-scale= 1.0" /> <title>Nothing</title> </head> <body> Hello <div id="root"></div> <script type="module" src="/src/main.jsx"></script> </body> </html> import './index.css'; import Hud from './hud.jsx'; import Top_bar from './top_bar.jsx'; import Chat from './chat.jsx'; function App() { return ( <div id="main_body"> <div id="main"> <div id="hud"><Hud /></div> <div id="top_bar"><Top_bar /></div> <div id="chat"><Chat /></div> </div> </div> ) } export default App; html body{ width: 95vw; height: 100vh; padding: 0px; margin: 0px; background-color: red; } /* #root{ padding: 0px; margin: 0px; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } */ /* #main_body{ width: 40%; height: 95%; background-color: yellow; } */ 不幸的是，刚开始时我就开始面临一个问题，即 HTML 的正文尺寸大于屏幕尺寸，即使没有滚动条也会导致滚动。请帮我解决这个问题，我可以向您保证组件 hud/top_bar 和 chat 没有任何 css 文件，因此它们不会导致异常。谢谢！将 body 高度设置为 100vh，宽度设置为 100vw 应该可以解决该问题。既然这不起作用，也许以下几点就是原因：如果您有更多未发布的 CSS，请确保没有其他样式扰乱尺寸（例如，错误地将元素的高度设置为 200%）。要设置身体样式，您无需选择 html > body。只要body就够了。但我真的不认为这会弄乱样式，因为 body 实际上是 html 的子元素。在 React 中，通常有两个 CSS 文件：index.css 和 App.css。 index.css 用于 index.html 文件，这意味着：它用于设置应始终保持不变的元素的样式，例如正文。 App.css 用于特定组件的样式化。在 App.js 上，您始终导入 App.css，而不是 index.css。您也不需要在index.html 中链接index.css 文件（如果我没有记错的话，是index.js 文件负责的）。尝试修复这些问题，看看是否会改变任何东西。这是我唯一可以建议的事情。我不太有信心他们实际上会成为解决方案，但也许他们会以某种方式指导你。祝你好运:) PS：我最后的建议100%来自个人经验。我总是通过 CRA 使用 React。我不知道当您使用其他构建工具时是否有不同的文件设置。如果是这种情况，请放弃该主题。

javascript html css reactjs scroll

回答 1 投票 0

Jetpack Compose：打开键盘时滚动到屏幕底部

键盘打开后，我想将布局（不是 LazyColumn）滚动到最底部。键盘打开检测工作正常： varparentSize by 记住{ 可变状态（大小...

android scroll android-jetpack-compose

回答 2 投票 0

scroll 相关问题

最新问题