谷歌滑动不起作用

最新推荐文章于 2024-07-19 15:50:46 发布
最新推荐文章于 2024-07-19 15:50:46 发布
阅读量664 收藏
点赞数
文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Z15889363722/article/details/107964832
版权

谷歌滑动不起作用

// 问题所在，简单来说就是谷歌浏览器的统一指针事件所致
    document.addEventListener('touchmove', function (e) {
        e.preventDefault();
    }, {
        passive: false // passive 消极的 为假，就理解为积极地，滑动高更流畅
    })
张顺15889363722
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
谷歌官方提供的解决Viewpager2嵌套ViewPager2同一方向无法滑动问题使用到的文件
01-02
两个ViewPager2嵌套，同一方向无法滑动，可以在子 ViewPager2 外面嵌套一层 NestedScrollableHost.
chrome浏览器禁用触摸板滑动前进后退
三中故人的学习笔记
04-16 8106
chrome版本：81.0.4044.92（正式版本） （64 位） 地址栏输入：chrome://flags/#overscroll-history-navigation 设置为disable 重启浏览器
Slider滑块插件之Chrome下双击后的拖拽问题
DarinZanya的博客
03-14 1322
起因：本人在做slider滑块插件的过程中，遇到双击滑块后，默认为鼠标选中行为，导致拖拽功能无法正常使用。 经过：以下为插件的截图： 说明：因截图不能截取鼠标，故使用手绘图片代替。即拖拽滑块时，双击鼠标，出现如图所示情况。 猜测：Chrome浏览器对双击事件默认为选中行为。 解决方案： 禁止用户选中网页上的内容，使用onselectstart，例如 为元素加上onsele
解决谷歌浏览器中touchstart不管用的方法
TE杨
04-28 2820
原因：https://zhuanlan.zhihu.com/p/24385322 解决方法: document.addEventListener('touchstart', function(event) { // 判断默认行为是否可以被禁用 if (event.cancelable) { // 判断默认行为是否已经被禁用 if (!event.de...
解决chrome浏览器中鼠标滚轮滚动事件失效的问题
热门推荐
纸上得来终觉浅
05-24 1万+
今天遇到了一个html5页面由于开启了图片遮罩层在chrome浏览器中，鼠标滚轮上下滚动时，页面不动的问题，后查询相关资料后解决，具体方法是加入如下代码： <script type="text/javascript"> var scrollFunc = function(e) { var direct = 0; e = e || window.e...
解决 滑动 input标签区域 页面滑动不了的问题
qq_41979331的博客
09-26 525
window.addEventListener( "touchmove", function(e) { var target = e.target; if (target && target.tagName === "TEXTAREA") { //textarea阻止冒泡 e.stopPropagation(); } }, true ); ...
google 流瀑布画廊滑块
iteye_16836的博客
03-26 130
    分享一个采用流瀑布网格布局的响应试3d切换画廊，该效果的灵感来源于Chromebook（谷歌笔记本）的入门指南，当你点击流瀑布中的内容元素时便会展示出相应的画廊滑块，你还可以通过键盘左右方向键对滑块内容进行切换，对于小屏幕而言滑块内容会根据屏幕尺寸进行相应的调整。     demo演示   下载地址 ...
android左右滑动页面实现.zip
06-11
Android左右滑动，我们需要用到google提到的一个包——android-support-v4.jar，这个包是为了方便实现android view之间的切换，此资源可以直接打开使用，不会出现support的报错
可滑动导航栏
03-10
在Android应用开发中，"可滑动导航栏"通常指的是底部导航条（Bottom Navigation Bar），它是一种用户界面设计模式，允许用户在应用的多个顶级视图之间轻松切换。这种导航栏通常包含三个到五个图标，当用户点击或滑动...
android滑动菜单
05-09
它与`DrawerLayout`配合使用，可以轻松创建类似Google Play、Google Maps等应用的导航抽屉。在布局文件中，你需要将`NavigationView`放置在`DrawerLayout`的右侧或左侧，并设置相应的菜单资源文件。菜单项可以通过...
Android嵌套滑动
09-01
`StickyNavLayout`能够保证导航栏在用户上滑时隐藏，在下滑时显示，这种效果在许多应用的主界面中都非常常见，例如Google的Material Design设计规范。 要实现`StickyNavLayout`，首先需要在XML布局中设置`...
爽，我终于实现了selenium图片滑块验证码！【附代码】
m0_47485438的博客
10-23 2139
因为种种原因没能实现愿景的目标，在这里记录一下中间结果，也算是一个收场吧。这篇文章主要是用selenium打开浏览器指定网站将残缺块图片和背景图片下载到本地对比两张图片的相似地方，计算要滑动的距离规划路线，移动滑块点击开始找到谷歌图标==》右键更多==》打开文件位置==》右键谷歌快捷方式==》属性 ==》打开文件所在的位置 ==》复制路径打开网页进入开发者工具，找到图片位置。
Drag拖动在106版本谷歌浏览器白屏
程先生的博客
10-25 209
drag白屏，106版本谷歌浏览器
cursor属性 鼠标指针放在元素范围内时的光标形状
Gamin
11-06 715
/*默认 浏览器设置的光标*/ cursor: auto; cursor属性 url 需使用的自定义光标的 URL。 注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。 default 默认光标（通常是一个箭头） auto 默认。浏览器设置的光标。 crosshair 光标呈现为十字线。 pointer 光标呈现为指示链接的指针（一只手） move 此光标指示某对象可被移动。 e-re..
解决 Chrome浏览器不能拖拽插件问题
lklalmq的博客
02-18 1483
chrome浏览器中输入：chrome://flags/#extensions-on-chrome-urls。将 disable改成 enable。有的版本默认是不允许离线安装插件。
chrome 73 版本出现无法滚动
weixin_43952634的博客
04-02 1869
前不久更新了chrome版本更新到了73，然后发现公司网站有些页面无法滚动 经过调试后发现是浏览器版本原因导致。于是上网找了下73版更新了啥。后来发现是73版本修改了嵌套flex布局的原因。导致更新浏览器后出现bug。 解决方法是在嵌套内容的那个盒子也就是内容的父元素加上最小高度 min-height:0; 这样就可以解决了 宽度问题也是同样方法解决。 参考了知乎答主 蓝博 的文章 https...
如何解决拖拽光标+resizeLeftRightCursor+在拖拽过程中保持不变，不闪烁？
SmartWan的专栏
10-13 1843
如果要想在拖拽中调用  [[NSCursorresizeLeftRightCursor] set];来使鼠标保持resize的形状那还不够，这时候拖拽的时候会闪烁的。 只要在mouseDown中调用“[[NSAppmainWindow]disableCursorRects]
最新！CSSCI（2023-2024）期刊目录公布！
最新发布
2301_76900678的博客
07-19 453
C刊一般指CSSCI来源期刊，即南大核心的缩写，中文名称为《中文社会科学引文索引》，由南京大学中国社会科学研究评价中心制定，用来评价中文社会科学领域的论文收录和文献被引用情况，是我国人文社会科学评价领域的标志性工程。C扩即CSSCI来源期刊扩展版。由于上文所述的C刊是国内期刊中的重要刊物，遴选数量有限，一些优秀刊物由于数量限制无法进入C刊目录，C扩一般指办刊水平和学术价值与真正入选目录期刊还有一些差距但差距不大的刊物，C扩有进入C刊的预期，但C扩是否为核心期刊具体仍由不同单位自己判断。
Android ScrollView滑动时标题栏不滑动
05-25
实现这个效果可以采用两种方案： 1. 使用 CoordinatorLayout 实现 CoordinatorLayout 是一个非常强大的布局容器，它可以协调多个子 View 的交互行为。在这个场景下，我们可以将标题栏作为 CoordinatorLayout 的直接子 View，将 ScrollView 作为标题栏的兄弟 View，然后使用 app:layout_behavior 属性指定标题栏的行为为 AppBarLayout.ScrollingViewBehavior，这样当 ScrollView 滑动时，标题栏就会自动滑动。 示例代码如下： ```xml <androidx.coordinatorlayout.widget.CoordinatorLayout android:layout_width="match_parent" android:layout_height="match_parent"> <com.google.android.material.appbar.AppBarLayout android:layout_width="match_parent" android:layout_height="?attr/actionBarSize"> <com.google.android.material.appbar.MaterialToolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:title="My Title" /> </com.google.android.material.appbar.AppBarLayout> <ScrollView android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <!-- Your content here --> </ScrollView> </androidx.coordinatorlayout.widget.CoordinatorLayout> ``` 需要注意的是，这种方案需要使用 AndroidX 库中的 CoordinatorLayout 和 Material Design 组件库中的 AppBarLayout 和 MaterialToolbar。 2. 使用自定义 Behavior 实现 如果你不想使用 CoordinatorLayout，或者你需要实现一些比较特殊的效果，那么可以考虑使用自定义 Behavior 实现。具体来说，我们可以定义一个 Behavior，继承自 AppBarLayout.ScrollingViewBehavior，并重写 onNestedPreScroll 方法，在 ScrollView 滑动之前处理标题栏的滑动。 示例代码如下： ```java public class MyBehavior extends AppBarLayout.ScrollingViewBehavior { public MyBehavior(Context context, AttributeSet attrs) { super(context, attrs); } @Override public boolean onNestedPreScroll(CoordinatorLayout coordinatorLayout, View child, View target, int dx, int dy, int[] consumed) { // 计算标题栏需要滑动的距离 int distance = Math.min(child.getHeight(), dy); // 滑动标题栏 child.setTranslationY(-distance); // 更新 consumed 数组，表示已经消耗了滑动距离 consumed[1] = distance; return true; } } ``` 然后在布局文件中将标题栏的 Behavior 设置为我们定义的 MyBehavior： ```xml <com.google.android.material.appbar.AppBarLayout android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_behavior=".MyBehavior"> <com.google.android.material.appbar.MaterialToolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:title="My Title" /> </com.google.android.material.appbar.AppBarLayout> ``` 需要注意的是，这种方案需要手动处理标题栏的滑动，因此需要在 onNestedPreScroll 方法中计算标题栏需要滑动的距离，并使用 setTranslationY 方法滑动标题栏。同时，需要更新 consumed 数组，表示已经消耗了滑动距离，这样才能确保滑动事件正确地传递给 ScrollView。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值