scroll 相关问题

滚动是指内容在显示屏上的连续滑动。

如何设置在scrollIntoView中滚动的持续时间并具有平滑的行为?

在我的反应项目中,我有以下函数,我可以在其中滚动到元素中 常量滚动 = () => { const element = document.getElementById('element') as HTMLDivElement; 元素。

回答 1 投票 0

为什么当鼠标悬停在“位置:固定”元素上时,滚轮滚动事件不会触发?

这是我的问题的一个简单测试用例: http://jsfiddle.net/JZmvf/20/ 将鼠标放在红色方块上 用鼠标滚轮滚动 父div不滚动 如何使父div正常

回答 3 投票 0

Java脚本滚动功能调试

我一直在网上关注教程,所以这个答案可能非常简单,也许是我刚刚忽略的东西,但我似乎找不到我在JS中复制的滚动函数的任何错误。整个

回答 1 投票 0

触摸以停止动量滚动也会触发 Web 视图中的点击事件

如果我们在网络视图中进行动量滚动,当我们触摸/点击屏幕时,它会停止动量滚动。但它也在 webview 内容中执行点击事件。我想让网络视图像这样:...

回答 1 投票 0

反应滚动事件

我试图显示滚动条仅在我滚动反应区域时才会出现。 我使用 debounce 和 useState。 问题 : 当我向下滚动到末尾时,滚动事件无限重复......

回答 1 投票 0

为什么文档/窗口高度和scrollTop()值在使用jQuery的移动浏览器中不同?

我使用滚动事件(jQuery)在到达页面底部后加载更多项目: $(窗口).on('滚动', function() { if ($(window).scrollTop() == ($(document).height() - $(window).hei...

回答 1 投票 0

如何在 Swift、UIKit 中制作滚动

我制作了这个应用程序,如上图所示。但滚动不起作用。我想让scrollView完全向下。 我已经问了一个与此相关的问题并且我已经工作了。 但我需要做一些功能,并且 Str...

回答 1 投票 0

当子项被修改时,ViewPager2 滚动到第一个位置

这是我的 Viewpager2 设置 这是我的 Viewpager2 设置 <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@id/homecard" android:layout_toEndOf="@id/Rooms_Layout"> <androidx.viewpager2.widget.ViewPager2 android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_marginTop="20dp" android:layout_marginStart="20dp" android:clipChildren="false" android:layout_marginEnd="50dp" android:layout_marginBottom="50dp" android:layout_height="match_parent"> </androidx.viewpager2.widget.ViewPager2> </FrameLayout> 每次更新子级中的文本视图时,它都会跳转到第一个位置。我发现它与notifydatasetchanged有关,但我什至没有调用它。 我正在通过数据绑定更新我的数据。 这是我的适配器 private inner class ViewPagerAdapter(activity: MainActivity, mFragments : MutableList<Fragment>, mFragmentIds : MutableList<Long>) : FragmentStateAdapter(activity){ private var fragments : MutableList<Fragment> = mFragments private var fragmentIds : MutableList<Long> = mFragmentIds fun addFragment(fragment : Fragment, fragmentId : Long){ if (fragmentIds.contains(fragmentId)) return fragments.add(fragment) fragmentIds.add(fragmentId) notifyItemInserted(fragments.lastIndex) } fun removeFragment(fragmentId: Long){ if (!fragmentIds.contains(fragmentId)) return val index = fragmentIds.indexOf(fragmentId) fragments.removeAt(index) notifyItemRemoved(index) fragmentIds.removeAt(index) } override fun getItemId(position: Int): Long { return fragmentIds[position] } override fun containsItem(itemId: Long): Boolean { return fragmentIds.contains(itemId) } override fun getItemCount(): Int = fragments.size override fun createFragment(position: Int): Fragment { return fragments[position] } } @user8110441 您找到这个问题的解决方案了吗?因为我面临着同样的问题

回答 1 投票 0

无限滚动在谷歌浏览器中剧烈滚动/滑动

我有一个无限滚动框。有一个项目列表,当列表向上滚动时,项目会从底部附加,反之亦然。当用户正常向下或向上滚动时,...

回答 1 投票 0

使用css将鼠标滚轮设置为水平滚动

我想设计一个横版页面。当我使用鼠标滚轮时,它只是垂直滚动内容。如何使用鼠标滚轮进行水平滚动? CSS 支持这个属性吗? 例如任何薄...

回答 9 投票 0

NextJS13 鼠标滚轮事件不适用于 Chrome 中的滚动转换

在我开始的全栈培训项目开始时,我感到无聊,并尝试实施我想到的想法。其中之一是使用单页应用程序创建主页......

回答 1 投票 0

将垂直滚动更改为水平

这个问题似乎之前被问过,但没有得到足够的答案。我完全不知道如何做到这一点(包括没有插件)。我希望我的网站在我主动时水平滚动...

回答 5 投票 0

创建一个水平和垂直滚动的RecyclerView

在过去的几周里,我一直在学习使用 RecyclerView。我需要实现一个水平列表,即通过将设备切换为横向模式,如下所示: 我找到了最好的解决方案...

回答 3 投票 0

NotificationListener 无法与 Flutter 中的水平 ListView.builder 配合使用

我的代码是: 导入“包:flutter/material.dart”; void main() => runApp(const MaterialApp( 主页:我的主页(), )); 类 MyHomePage 扩展 StatelessWidget { const MyHomePage({Ke...

回答 1 投票 0

需要帮助在 Flutter 中复制 Audible 的滚动文本功能 - 我这样做的方式正确吗?

我对 flutter 还很陌生,我正在努力复制 Audible 应用程序中长曲目标题的文本滚动功能(见附件)。这是我想要实现的行为: • 显示...

回答 1 投票 0

垂直Android TabLayout不垂直滚动

我尝试开发左TabLayout,如下图所示。 但问题是 TabLayout 元素不显示并垂直滚动。下面是我的代码,也许我错过了一些东西: 我尝试像下图一样开发左侧 TabLayout。 但问题是TabLayout元素未显示并垂直滚动。下面是我的代码,也许我错过了一些东西: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_toRightOf="@+id/appBarLay" app:layout_behavior="@string/appbar_scrolling_view_behavior"/> <android.support.design.widget.AppBarLayout android:id="@+id/appBarLay" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_alignParentLeft="true" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="60dp" android:layout_height="match_parent" app:tabBackground="@drawable/tab_color_selector" app:tabGravity="fill" app:tabMode="scrollable" /> </android.support.design.widget.AppBarLayout> </RelativeLayout> 根据 Android 文档: TabLayout 提供水平布局来显示选项卡 但是,我最近在垂直方向实现了TabLayout。这就是我所做的。 使用 TabLayout 旋转 android:rotation="90"。 由于 TabLayout 旋转了 90 度,我使用旋转 -90 度的自定义视图来取消净旋转。 以编程方式设置宽度以匹配屏幕的高度。 以编程方式设置translationX和translationY,将其与屏幕右边缘对齐并垂直居中。 XML <com.google.android.material.tabs.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="88dp" app:tabIndicatorHeight="4dp" app:tabIndicator="@drawable/category_tab_indicator" app:tabBackground="@drawable/category_tab_selector" app:tabTextColor="@color/black" app:tabSelectedTextColor="@color/meesho_primary_text" app:tabMode="scrollable" android:rotation="90"/> 代码中设置 private fun setupTabs(tabLayout: TabLayout, tabItems: List<String>) { val contentHeight = activity!!.window.findViewById<View>(Window.ID_ANDROID_CONTENT).run { bottom - top } // 112dp is a deduction, 56dp for Toolbar and 56dp for BottomNavigationTab val tabLayoutWidth = contentHeight - dpToPx(112) tabLayout.layoutParams.width = tabLayoutWidth // 44dp is basically half of assigned height[![enter image description here][2]][2] tabLayout.translationX = (tabLayoutWidth / 2 - dpToPx(44)).toFloat() * -1 tabLayout.translationY = (tabLayoutWidth / 2 - dpToPx(44)).toFloat() tabItems.forEach { tabData -> tabLayout.newTab().also { tab -> val view = View.inflate(tabLayout.context, R.layout.item_category_tab, null) view.findViewById<TextView>(R.id.tv).text = tabData tab.customView = view tabLayout.addTab(tab) } } } 正如android文档中提到的,请参阅this TabLayout 提供水平布局来显示选项卡。 这意味着您无法使用 TabLayout 显示垂直选项卡。但是,您可以使用 TabHost 来实现它。 查看这些喜欢的内容: http://www.androidhive.info/2011/08/android-tab-layout-tutorial/ Android 中的垂直选项卡 这是使用 Jetpack Compose 实现的 Vertical-TabLayout 库 https://github.com/mohdDanishCode/MDVerticalTabLayout

回答 3 投票 0

如何使 div 中的图像在滚动时折叠?

我试图反映此人在其网站上的“项目”部分(https://www.sophiewestfall.com/)下的内容,当您滚动时,与该项目相关的图像类似于“滚动.. .

回答 1 投票 0

默认禁用滚动,但单击图标后激活它

我对 html/css 编码非常陌生,我不知道如何默认禁用滚动(打开页面时)并在用户单击图标后再次激活它。图标本身导致 p...

回答 1 投票 0

使某些小部件可滚动

我的页面中有一个列小部件。 Column widget 中有两个 widget,一个是 ListTie,另一个是 ListView。 Widget _showBody(BuildContext上下文){ 返回列(子项:[ 列表图块(...

回答 2 投票 0

scrollIntoView() 方法在输入时按 ENTER 键触发时停止滚动到元素中途

上下文 我正在制定一份项目清单。 我在列表顶部有一个表单,用于添加新项目(只有 1 个输入和 1 个提交按钮)。 提交表单后,我将获得下一个代码,以便

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.