开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

子HorizontalScrollView的滚动条已与父ScrollView的滚动条分开

是指在一个嵌套的滚动视图结构中，子HorizontalScrollView的滚动条与父ScrollView的滚动条是独立的，它们可以分别进行滚动操作而不会相互影响。

子HorizontalScrollView是一个水平滚动的视图容器，可以在水平方向上滚动显示其子视图。父ScrollView是一个垂直滚动的视图容器，可以在垂直方向上滚动显示其子视图。当子HorizontalScrollView嵌套在父ScrollView中时，可能会出现滚动冲突的问题，即当手指在子HorizontalScrollView上滑动时，可能会触发父ScrollView的滚动操作，导致滚动条的冲突。

为了解决这个问题，可以通过设置子HorizontalScrollView的滚动条分离属性来实现子HorizontalScrollView的滚动条与父ScrollView的滚动条分开。具体的实现方法可以根据具体的开发框架和编程语言来进行设置。

子HorizontalScrollView的滚动条与父ScrollView的滚动条分开的优势是可以提供更好的用户体验，用户可以自由地在水平和垂直方向上滚动视图内容，而不会受到滚动冲突的影响。

应用场景：

在一个复杂的界面中，需要同时展示水平和垂直方向上的大量内容时，可以使用子HorizontalScrollView嵌套在父ScrollView中，以提供更好的滚动体验。
当需要在水平方向上滚动显示图片、横向列表等内容时，可以使用子HorizontalScrollView来实现。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
腾讯云云原生应用平台：https://cloud.tencent.com/product/tke
腾讯云数据库服务：https://cloud.tencent.com/product/cdb
腾讯云服务器运维：https://cloud.tencent.com/product/cvm
腾讯云音视频处理：https://cloud.tencent.com/product/mps
腾讯云人工智能服务：https://cloud.tencent.com/product/ai
腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
腾讯云存储服务：https://cloud.tencent.com/product/cos
腾讯云区块链服务：https://cloud.tencent.com/product/baas
腾讯云元宇宙服务：https://cloud.tencent.com/product/vr

相关搜索:NativeScript ScrollView中的滚动条颜色 ScrollView中的TwoWayView垂直滚动条如何在android studio的HorizontalScrollView中隐藏滚动条 Webkit滚动条-隐藏父元素的滚动条Y，但在子元素上保持可见 map onclick禁用父div的滚动条如何在包含滚动条的父div中将子div垂直居中？在父div内添加垂直子div(都是固定宽度的)，并在父级使用动态水平滚动条始终在父div的视口中显示高度滚动条如何将位置固定的子对象放在位置固定的父对象的滚动条上？MatplotLib中关于子图x轴滚动条的问题如何防止tkinter画布的子窗口跨过画布滚动条内部div中的滚动条，而父级只有最大高度为什么父子节点不继承父节点的滚动条样式当子对象的高度预先未知时，具有最大高度百分比的父对象的子对象的滚动条如何让滚动条向下移动到我选择的父元素 jQuery UI对话框中的iFrame会导致父级的水平滚动条 Flutter -创建可滚动的ListView，其滚动条位于所有子对象的右侧滚动条不能与父级上的max-height一起使用当工具提示的父容器有滚动条时，如何保持工具提示可见？水平滚动条不工作，即使我是设置固定的宽度，我的div父级？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【Android从零单排系列二十七】《Android视图控件——HorizontalScrollView》

小伙伴们，在上文中我们介绍了Android视图组件ScrollView，本文我们继续盘点，介绍一下视图控件的HorizontalScrollView。

01

让你的布局滚动起来—ScrollView

通过两天的”实战“，今天我们稍微放松一下脚步，让大家喘口气歇一会儿，我们今天为大家带来的控件，解决了太多在项目中遇到的适配问题，如果你已经碰到了这种问题，就紧跟我们的脚步吧~

03

屏幕宽高不够，滚动视图ScrollView来凑

前面几期学习了ProgressBar系列组件、ViewAnimator系列组件、Picker系列组件和时间日期系列组件，接下来几期继续来学习常见的其他组件。一、ScrollView概述从前面的学习有的同学可能已经发现，当拥有很多内容时屏幕显示不完，显示不全的部分完全看不见。但是在实际项目里面，很多内容都不止一个屏幕宽度或高度，那怎么办呢？那就需要本节学习的ScrollView来完成。在默认情况下，ScrollView只是为其他组件添加垂直滚动条，如果应用需要添加水平滚动条，则可

06

横向滑动视图HorizontalScrollView精炼详解

由于移动设备物理显示空间一般有限，不可能一次性的把所有要显示的内容都显示在屏幕上。所以各大平台一般会提供一些可滚动的视图来向用户展示数据。Android平台框架中为我们提供了诸如ListView、GirdView、ScrollView、RecyclerView等滚动视图控件，这几个视图控件也是我们平常使用最多的。本节内容我们来分析一下横向滚动视图HorizontalScrollView。

02

【Android从零单排系列二十六】《Android视图控件——ScrollView》

小伙伴们，在上文中我们介绍了Android视图组件RecyclerView，本文我们继续盘点，介绍一下视图控件的ScrollView。

02

HorizontalScrollView扩展总结

ScrollView相信大家都已经比较熟悉了，它是支持垂直滚动的，在开发中经常使用到，与垂直滚动相对的就是水平滚动HorizontalScrollView，有时我们在进行页面切换的时候也会用到HorizontalScrollView。通过查看源码比较发现ScrollView和HorizontalScrollView有好多相同的方法。

01

Android带你解析ScrollView--仿QQ空间标题栏渐变

版权声明：本文为博主原创文章，转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/52107851

01

React Native之ScrollView控件详解

概述 ScrollView在Android和ios原生开发中都比较常见，是一个滚动视图控件。在RN开发中，系统也给我们提供了这么一个控件。不过在RN开发中，使用ScrollView必须有一个确定的高度才能正常工作，因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度的容器（通过滚动操作）。所以，要给一个ScrollView确定一个高度的话，要么直接给它设置高度（不建议），要么确定所有的父容器都已经绑定了高度。在视图栈的任意一个位置忘记使用{flex:1}都会导致错误。 Scroll

07

2.ui

LinearLayout: **特点： a):默认是水平的方向的排列,可以进行选择在<LinearLayout orientation="vertical"/> 设置为垂直的布局的方向！ b)：其中垂直的方向布局,能够实现水平方向的排列的控制：左对齐、右对齐、水平居中生效。 c): 其中的水平方向的布局：能够实现对垂直方向的控制：置顶、底部、竖直居中生效。 * 设置右对齐 android:layout_gravity="

09

仿人人网侧边栏滑动效果

这次的侧边栏通过scrollview和animation两种方法实现通过scrollview实现 mysrollview.xml <?xml version="1.0" encoding="utf-

02

Android：超好用的ScrollView，滑动操作最简单的方式

上篇博客试图采用RecyclerView这个组件来实现一个滑动效果，结果发现大部分代码都是通过java代码来控制填充，设计时不仅操作麻烦（最主要看不懂），而且不能像xml文件一样实时预览效果。碰巧发现了这篇博客 Android ListView滚动条配置完全解析，详细介绍了ScrollView这个组件的相关配置，非常清楚。我利用ScrollView实现了所需要的目标。（仅用xml，无需java逻辑）

03

Android的ScrollView简单使用实例(附Demo)

在MainActivity的布局文件上做个实验，现在设置了按钮1和按钮2后还剩下一些空位：

02

Android使用HorizontalScrollView实现水平滚动

HorizontalScrollView 和 ScrollView 都是由 FrameLayout 派生出来的。它们就是一个用于为普通组件添加滚动条的组件。且 HorizontalScrollView 和 ScrollView 里面最多只能包含一个组件（当然组件里面还可以嵌套组件）。它们不同的是 HorizontalScrollView 用于添加水平滚动，而 ScrollView 用于添加垂直滚动。

02

Android中文API——ScrollView

Android中文翻译组：http://androidbox.sinaapp.com/

03

HorizontalScrollView水平滚动控件使用方法详解

1、在layout布局文件的最外层建立一个HorizontalScrollView控件

05

Android开发(14) 可以横向滚动的ListView（固定列头）

由于项目需要，我们需要一个可以横向滚动的，又可以竖向滚动的表格。而且又要考虑大数据量（行）的展示视图。经过几天的研究终于搞定，做了一个演示。

00

Android开发(3) 可滚动的录入表单演示

实现这样的布局一定要用到RelativeLayout 相对布局，我们这样指定我的布局。

00

NSScrollView官方文档

改变contentInset值会有一个不可预料的副作用，尤其是当你显示滚动条的时候。当用户拖拽内容到顶部或者底部，滚动条会越过任何被定义在contentInset的区域之内的范伟，例如navigation controller和toolbar。想要修正这个问题，你必须设置scrollIndicatorInsets属性。设置vertical inset值限制了垂直滚动条，避免了越区域显示滚动条的问题。滚动到特定的Offset：滚动到特定的top-left位置可以通过两种方式完成: setConte

02

零基础入门 19： UGUI ScrollBar

通常在实际项目中，对ScrollBar的应用非常简单，主要用于配合TableView或者ScrollView来进行使用，下一节我们将说明一下Unity里的ScrollView即滚动视图。这篇先来说一下ScrollBar这个组件，也为下一张做一个铺垫。

02

Android仿qq侧滑菜单

我们经常能看到各种app中都有应用侧滑菜单（SlidingMenu）,效果很好的一种显示方式，今天我就向大家展示可以说是很简单就能实现和qq的侧滑菜单很相似的效果。现在侧滑菜单的框架在github上也有很多，有兴趣的可以去搜一下，今天我就给大家展示一个简单的仿qq侧滑菜单的例子。

03

HorizontalScrollView 自动滑动「建议收藏」

从事开发Android，坑人的就是设备的差异性，相同的功能在相同的生产厂商不同的版本设备，或者是不同的生产厂商的设备实际效果具有差异性，最近在项目里面用到HorizontalScrollView功能，里面有10个按钮，要把其中第四个按钮移动到最左边，这个功能倒是很好实现，方法也很多，使用ScrollTo一类的函数就可以实现，在其他的手机设备上很好，没有问题，但是在索尼 Sony Erissson这台设备上，点击一个按钮，滚动条会自动滚动到第一个按钮(只有第一次才会出现)，验证了各种情况，大概明白可以能是因为焦点问题，所以一点击移动后的按钮，会自动回到第一个按钮处，可能HorizontalScrollView第一个按钮就有焦点，知道焦点问题就好办了，查看HorizontalScrollView的api看见焦点的只有两个函数requestChildFocus和requestChildRectangleOnScreen，我试验了一下，第一个我先使用ScrollTo滑动到中间，然后再使用requestChildFocus让移动的最左边的按钮获取焦点但是没有作用，然后用requestChildRectangleOnScreen这个函数，自己先定义一个Rect，然后调用requestChildRectangleOnScreen调整显示你在Rect设置的焦点位置,最终这个方法是可以解决这个问题。

03

Android layout属性大全

第一类：属性值 true或者 false android:layout_centerHrizontal 水平居中　　 android:layout_centerVertical 垂直居中 android:layout_centerInparent 相对于父元素完全居中　　 android:layout_alignParentBottom 贴紧父元素的下边缘　　 android:layout_alignParentLeft 贴紧父元素的左边缘　　 and

09

ViewPager，ScrollView 嵌套ViewPager滑动冲突解决

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/52939127

05

ViewPager，ScrollView 嵌套ViewPager滑动冲突解决

文章首发地址CSDN：http://blog.csdn.net/gdutxiaoxu/article/details/52939127

01

iOS开发之UIScrollView在Autolayout下的使用

一、使用的基本原则：原则1：UIScrollView的size依赖于subviews 首先在StoryBoard中拖入一个UIScrollView，用Pin按钮，随意设置其布局。因为设置UIScrollView的布局约束是没有用的，UIScrollView的size（即contentSize）是根据其中的subviews所占据的size来计算的。当然，如果contentSize的内容不足以布满整个UIScrollView时，滚动条将不会出现，UIScrollView也不会滚动。原则2：subviews的

07

Unity基础（24）-UGUI

组件属性 Source Image（图像源）：纹理格式为Sprite（2D and UI）的图片资源（导入图片后选择Texture Type为Sprite（2D and UI））。 Color（颜色）：图片叠加的颜色。 Material（材质）：图片叠加的材质，可以用来实现一些特殊效果，如凹凸感觉 Raycast Target（射线投射目标）：是否作为射线投射目标，关闭之后忽略UGUI的射线检测。 Set Native Size：点击此按钮则 Image 组件的长宽自动与原图片长宽一致 Image Type（图片显示类型）： Simple（基本的）：图片整张全显示，不裁切，不叠加，根据边框大小会有拉伸。 Preserve Aspect（锁定比例）：针对Simple模式，勾选之后，无论图片的外形放大还是缩小，都会一直保持初始的长宽比例。

02

零基础入门 23： UGUI ScrollView

今天要分享的内容，是近期内关于UGUI的最后一篇，UGUI里的滚动视图ScrollView，后期的内容会根据项目实用的功能组件进行分享。

02

UIScrollView的一步步实现1 简介1.1 工作原理1.2 UIScrollView常见的几个重要控件1.3 UIScrollView常见的重要属性1.4 手工代码实现拖动2 三个重要属性的进

1 简介 UIScrollView 是负责滚动的视图。苹果最强大的地方就在于其良好的UI展示，和UE体验。如果不会很好的使用UIScrollView，就等于丧失了苹果一般的法力。移动设备的屏幕大小是极其有限的，因此直接展示在用户眼前的内容也相当有限。当展示的内容较多，超出一个屏幕时，用户可通过滚动手势来查看屏幕以外的内容。普通的 UIView 不具备滚动功能，不能显示过多的内容。 UIScrollView是一个能够滚动的视图控件，可以用来展示大量的内容，并且可以通过滚动查看所有的内容 1.1 工作原理

06

android尺子的自定义view——RulerView详解

原代码在github上找的，地址：https://github.com/QQabby/HorizontalRuler

03

WPF中WrapPanel、StackPanel等添加滚动条ScrollViewer

wpf中，在控件中直接设置ScrollViewer.HorizontalScrollBarVisibility和ScrollViewer.VerticalScrollBarVisibility属性，并不能显示滚动条。因为在wpf中，想要显示滚动条，需要把控件放在滚动条视图控件(ScrollViewer)中。

02

速读原著-Android应用开发入门教程(作为简单容器使用的视图组)

单选按钮组（RadioButton）是一组逻辑上相关的按钮，它们之中只能有一个被选中，单选按钮通常单选按钮被设计成圆形的外观。因此需要一个类将各个单选按钮包含在一起。

01

Android仿IOS回弹效果支持任何控件

本文实例为大家分享了Android仿IOS回弹效果的具体代码，供大家参考，具体内容如下

03

Android ScrollView 下嵌套 ListView 或 GridView出现问题解决办法

Android ScrollView 下嵌套 ListView 或 GridView出现问题解决办法

04

css元素溢出 overflow

当子元素的尺寸超过父元素的尺寸时，需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来设置。

02

HorizontalScrollView

二、HorizontalScrollView里边只能放一个子元素可以放一个Layout布局对象来盛放多个元素

01

JS滑动滚动的n种方式

scrollIntoView对页面元素调用，会滚动元素的父容器，将该元素滚动到浏览器的可视区域

01

css笔记 - 张鑫旭css课程笔记之 overflow 篇

如果overflow-x、overflow-y的值相同，则等同于overflow设置了这个值。

01

Android ScrollView粘性头部代码分享

前言，一天在点外卖的时候，注意到饿了么列表页的滑动效果不错，但是觉得其中的手势滑动还是挺复杂的，正好又碰到了在熟悉Touch事件的理解当中，所以就抽空对着饿了么的列表页面尝试写写这个效果

02

iOS学习笔记——滚动视图（scrollView）

滚动视图：在根视图中添加UIScrollViewDelegate协议，声明一些对象属性

01

iOS滚动视图UIScrollView使用方法

滚动视图还满常见的，这里学习了一下基本所有的用法、属性设置和委托，单讲一个ScrollView也很简单，直接上代码远比一个个讲要清晰明了地多。

02

android 初始界面 scrollTo无法执行

文章转自：http://blog.csdn.net/lin49940/article/details/6278592

02

搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

网页正文全文高：document.body.scrollHeight 网页可见区域高（包括边线的高）：document.body.offsetHeight 网页被卷去的高：document.body.scrollTop

03

搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

本文介绍了在HTML元素中分别使用clientHeight、offsetHeight、scrollHeight、offsetTop和scrollTop这五个属性，并分析了它们之间的关系以及在出现滚动条时的作用。

05

Android之布局详解

LinearLayout又称作线性布局，是一种非常常用的布局。这个布局会将它所包含的控件在线性方向上依次排列。既然是线性排列，肯定就不仅只有一个方向，那为什么上一节中的控件都是在垂直方向排列的呢？这是由于我们通过android:orientation属性制定了排列方向是vertical。如果指定的是horizontal ，控件就会在水平方向上排列了。

01

搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

每个HTML元素都具有clientHeight offsetHeight scrollHeight offsetTop scrollTop 这5个和元素高度、滚动、位置相关的属性，单凭单词很难搞清楚分别代表什么意思之间有什么区别。通过阅读它们的文档总结出规律如下：

03

Android必知必会-自定义Scrollbar样式

设计师给的设计图完全依照 IOS 的标准来的，导致很多细节的控件都得自己重写，最近的设计图中有显示滚动条，Android 默认的滚动条样式（带描边）和设计图格格不入，无奈，只好研究下自定义 Scrollbar 样式。这里稍微整理下。

04

Android垂直滚动控件ScrollView使用方法详解

2、在ScrollView控件中加入一个LinearLayout控件，并且把它的orientation设置为vertical

03

实现一个渐变的滚动条

之前写过一篇scroll-snap让你的滚动条更智能，在那篇文章中，主要介绍了，使用scroll-snap优化滚动，其实这也只是滚动需要优化的一点。其实滚动条才是最需要优化的，因为浏览器的多样性，各个浏览器在滚动条的样式上，也不统一。

00

Android开发笔记（一百零一）滑出式菜单

滑出式菜单从界面上看，像极了一个水平滚动视图HorizontalScrollView，当然也可以使用HorizontalScrollView来实现侧滑菜单。不过今天博主要说的是利用线性布局LinearLayout来实现，而且是水平方向上的线性布局。可是LinearLayout作为水平展示时有点逗，因为如果下面有两个子视图的宽度都是match_parent，那么LinearLayout只会显示第一个子视图，第二个子视图却是怎么拉也死活显示不了。倘若在外侧加个HorizontalScrollView，由于HorizontalScrollView的宽度只能是wrap_content，因此子视图的宽度也只能是wrap_content而不能是match_parent了，故而HorizontalScrollView做不到子页面全屏的效果。现在我们既希望两个子视图的宽度是match_parent，又希望能够拖动两个子视图，还有没有办法呢？办法肯定是有的，在《Android开发笔记（三十五）页面布局视图》中，我们提到margin和padding都可用来设置空隙，空隙的数值都是正数，其实空隙值也能是负数，负数表示该视图被隐藏了一部分，仿佛一张纸插了部分纸面到书中，于是只有一部分露了出来。具体到LinearLayout的编码实现，对应的便是LinearLayout.LayoutParams的leftMargin参数，若该参数为正数，则视图页面拉出了一段空白；若该参数为负数，则视图页面隐藏了一段内容；若该参数是该视图宽度的赋值，则表示视图页面完全隐藏了起来，跟visible="gone"的效果类似。所以我们可以给视图添加触摸监听器OnTouchListener，在触摸坐标发生变化的同时，给菜单子页面隐入隐出对应的宽度，从而达到抽屉式拉出菜单的效果。一旦触摸弹起，根据手势滑动的距离，判断当前是要拉出整个菜单，还是缩回才拉出一部分的菜单。这个判断可按照滑动偏移是否达到屏幕一半宽度的条件，至于自动拉出或者自动缩进的动画，可由Runnable来定时刷新视图的leftMargin参数。下面是一个简单侧滑的效果截图：

07

从 antDesign 来窥探移动端“滚动穿透”行为

上述是 MDN 中对于 overscroll-behavior 属性的描述，上述这段话恰恰描述了为什么会发生"滚动穿透"现象。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭