tabs 相关问题

一种用户界面模式，允许在内容的上方，下方或侧面显示带有导航参考的多个页面或元素。单击导航参考时，一个元素可见，而其他元素则关闭。通常，导航参考以指示其当前可见的方式进行颜色编码。

Android ViewPager 获取当前View

我有一个 ViewPager，我想获取当前选定的可见视图，而不是位置。 getChildAt(getCurrentItem) 返回错误的视图这并不总是有效。有时返回 null，

android android-fragments tabs android-viewpager

回答 18 投票 0

存储在内存中并“冻结”选项卡系统中的React组件

我正在尝试创建一个选项卡系统。这是代码的简化版本：从“react”导入{ useState，useEffect }；函数测试（{id}）{ const [文本，setText] = useState...

javascript reactjs tabs

回答 1 投票 0

存储在内存中并“冻结”选项卡系统中的 React 组件

我正在尝试创建一个选项卡系统。这是代码的简化版本：从“react”导入{ useState，useEffect }；函数测试（{id}）{ const [文本，setText] = useState...

javascript reactjs tabs

回答 1 投票 0

引导选项卡：在不同长度的选项卡之间切换时防止自动滚动

我有几个 Bootstrap 选项卡，其内容长度不同：我有几个 Bootstrap 选项卡，其内容长度不同： <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Home</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Profile</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Contact</button> </li> </ul> <div class="tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">...</div> <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">...</div> <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam rem accusantium dolor voluptates delectus nesciunt id laudantium et pariatur ipsum nihil inventore sit culpa voluptatem vero, necessitatibus, magnam quasi! Ab perferendis, earum molestiae placeat nihil inventore consequuntur? Saepe architecto adipisci earum ullam consequuntur eius laboriosam officiis esse officia a veritatis perferendis beatae ipsa aperiam ut laborum commodi dolorem quo, harum quae. Dolor voluptate sint unde totam saepe consequatur repellat, praesentium debitis soluta illo veritatis? Dolorum veritatis non totam, alias soluta voluptate, porro corrupti accusamus enim autem placeat quisquam eos, quos mollitia nihil voluptas magni. Impedit autem esse a omnis corrupti? </div> </div> 每当在不同长度的选项卡（通常是从较长到较短）之间切换时，屏幕会自动滚动以适应内容。我知道这是一个挑剔，但是有什么办法可以防止这种行为吗？基本上我希望选项卡标题始终位于同一位置。或者这几乎是不可能的？我也遇到了同样的问题。下面的内容似乎解决了我的问题，也许也能解决你的问题。 $(document).ready(function () { $(".nav-link").click(function(e) { window.scrollTo(0, 0); }); });

html tabs bootstrap-5

回答 1 投票 0

TSQL Flatten Split Tab Delimited Column

我正在将错误日志平面文件导入我的 SQL 服务器，并且需要将制表符分隔的列解析为多个列。大量借用这个问题（SQL Split Tab Delimited Column），

csv tsql tabs delimiter sql-server-2019

回答 0 投票 0

Flutter 自定义标签，如图像

我们如何在 Flutter 中创建一个自定义选项卡，如下图所示？我搜索并看到了许多自定义选项卡，但其中任何一个都不喜欢这个。

flutter tabs

回答 2 投票 0

Stimulus.js 标签导航：点击标签索引返回 -1

我在我的 Rails 应用程序中使用 Stimulus.js 创建了一个选项卡导航。但是，当我点击一个标签时，没有显示内容，console.log显示点击的标签索引返回...