首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js - 移动超出滚动功能,附带滚动条,可解决弹层中滚动穿透问题

背景: 弹层里边有可滚动区域,在移动坑我就不多说了。 找了很多解决滚动穿透方案,最终都不能完美解决。 一气之下自己js撸一个。 效果图: ?...原理: 1、解决滚动穿透:通过给弹层绑定touchmove和mousewheel事件,取消默认行为实现。...2、取消默认行为后不能滚动:给需要滚动展示区域绑定touchstart、touchmove和mousewheel事件,监听触发区域Y值,对应修改可滚动区域translateY值,实现滚动效果。...} 47 $(this).css('transform', `translate(0px, ${transY}px)`); 48 /* 移动...touchToBottom(params.scroll, params.bar); 117 } 118 }); 119 } 120 完整demo见github: 移动端超出滚动效果

7.2K10
您找到你想要的搜索结果了吗?
是的
没有找到

iOS开发中解决UIScrollView滚动NSTimer失效问题

我曾经遇到过这样问题,但需求是即使滑动scrollView,NSTimer也不能失效,于是就好好地研究下这个问题。最终发现是NSTimer选择一个模式问题。...,并且选择NSDefaultRunLoopMode这个默认模式。...在选择这个默认模式之后,如果我们不与UI进行交互那么NSTimer是有效,如果我们与UI进行交互那么主线程runloop就会转到UITrackingRunLoopMode模式下,不能处理定时器,从而定时器失效...让定时器不失效方式有两种:1.改变runloop模式(NSRunLoopCommonModes),无论用户是否与UI进行交互主线程runloop都能处理定时器。...2.开启一个新线程,让定时器在新线程中进行定义,这时定时器就会被子线程中runloop处理。

1.3K20

Excel实战技巧65: 制作漂亮用户窗体按钮——当鼠标移动按钮高亮显示

在很多场合,我们都能看到这样效果,当鼠标移动到某个元素上面,该元素会变成另外一种颜色,达到强调效果。...下面,我们来实现当鼠标移动到用户窗体按钮,会使用颜色高亮显示,让用户窗体更生动,如下图1所示。 ? 其实,你在图1中看到按钮并不是用户窗体内置传统命令按钮,而是使用图像控件来制作。...复制一个刚才绘制图像控件,如下图6所示。 ? 这个图像将代码鼠标不在按钮状态。...编写代码 使用MouseMove事件来响应鼠标的动作,这个事件当鼠标移动到特定控件中,执行其中代码。...Me.CancelButtoninactive.Visible = True Me.OKButtonInactive.Visible = True End Sub 这样,鼠标在用户窗体中按钮之外移动

7.8K20

修复 WordPress 当搜索不到内容返回 200 问题

起因 之前看到群友们在讨论 WordPress 这方面的问题,以及看到了这篇文章。 推断 这个可能是直接到搜索引擎提交链接导致。提交一个符合网址搜索链接,然后让搜索引擎抓取。...但是 WordPress 搜索不到内容,还返回了 200,搜索引擎认为这个网址是有效,就爬取了页面。 解决 既然 WordPress 搜索不到内容,那我们就不让它返回 200 就行了。...我们可以用 WordPress template_redirect Hook,然后获取搜索页面,随后判断是否搜索到了内容,如果没有,那就返回 404。...} } } add_action('template_redirect', 'search_404_fix_template_redirect'); 你可以将上面的代码加入到主题...search-404-fix下载 效果 可以看到,现在顺利返回了 404。 但是如果主题使用了 Pjax,返回 404 时候可能页面会刷新一下。

19520

移动端造json假数据坑(转义符问题

最近在 Json 数据解析上碰到了一些坑,特此记录一下。 正文 迭代开发中,经常出现服务端接口还没开发完成情况,所以经常需要移动端自己在本地造一些假数据。...不说废话,回到今天主题,注意看上图中我标箭号地方,先提个问题: { "aaa":{...}, "bbb":"{...}" } Q1:你们觉得上面的 aaa 字段和 bbb 字段有区别么...emmm,大伙不要鄙视我问这么基础问题,慢慢看下去,你们就清楚我本篇想讲的是什么。...反省 对 json 格式不够理解 当初是有想过转义符问题,但看到 as 已经自动添加了转义符,就想当然以为转义符没问题了,其实内嵌 " 号问题, java 本身就需要一层转义符,然后 json...然后拿到代码里测试,却发现又解析不了,因为 bbb 定义是 String 类型,但现在已经是一个 Object 类型

1.5K50

EasyCVR视频广场点击播放,主菜单高亮效果消失问题修复

EasyCVR平台支持海量视频汇聚接入与管理,拓展性强、开放度高,平台可在复杂网络环境中,将分散各类视频资源进行统一汇聚、整合、集中管理。...图片近期有用户反馈,在使用EasyCVR平台出现显示异常:点击视频广场左侧列表,点击播放,主菜单高亮效果消失;在录像回放时点击播放,以及切换时间轴播放,主菜单高亮效果也消失。...查看对应代码、分析对应事件逻辑关系,并找到对应事件:图片修改对应代码,增加对应路由跳转对应事件高亮保持效果:图片EasyCVR平台支持设备通过国标GB28181、RTMP、RTSP/Onvif、...海康SDK、大华SDK、Ehome等协议接入,对外可分发RTSP、RTMP、FLV、HLS、WebRTC等格式视频流。...平台可拓展性强、视频能力灵活、部署轻快,感兴趣用户可以前往演示平台进行体验或部署测试。

68320

关键错误:你开始菜单出现问题。我们将尝试在你下一次登录修复它。

关键错误:你"开始"菜单出现问题。我们将尝试在你下一次登录修复它。...此报错应该跟MS App Store有关 解决方案,虽然本人亲测有效,但不一定包治百病,你可以试试,我遇到这个问题是在win10升级win11后出现,按下面方案执行后恢复正常。...1、执行命令WSReset WSReset代表Windows Store Reset,它功能是清除Windows Store应用商店临时文件、缓存和设置。...当你遇到Windows Store应用商店相关问题,例如无法下载或更新应用程序、无法打开应用商店等,使用WSReset可以尝试解决这些问题 如果执行后打开WindowsApps或WindowsStore...,然后点击「✓」按钮: https://apps.microsoft.com/store/detail/microsoft-store/9WZDNCRFJBMP 下载Native.Framework、Native.Runtime

1.1K30

解决pycharm debug界面下方不出现step等按钮及变量值问题

上述问题我在网上找了很多博客都没有找到解决方法,我想和我一样受到困惑小伙伴能借此文快速解决问题问题截图: 1.没有debug栏 ? 可能隐藏到了左侧: ?...右键点击 选择move to 选择bottom 最后就在pycharm界面底端出现debug栏,并且也有steo调试按钮 ?...补充知识:pycharm 不能单步调试(debug)原因,或者点击debug不能进入断点。debug区域是灰色 ?...如上图,不要点击pycharm右上角Debug,那样不能进入调试(在多个py文件都存在情况下),找到程序入口点出(if __name == “__main__),会有上图所示一个三角符号,点击后,...出来上图两个选项,点击Debug’ecs’即可(ecs是我.py文件名字),就进入愉快单步调试界面啦 以上这篇解决pycharm debug界面下方不出现step等按钮及变量值问题就是小编分享给大家全部内容

2.7K30

EasyCVR设备管理列表页面搜索,分页数据不显示问题修复

平台支持设备通过国标GB28181、RTMP、RTSP/Onvif、海康SDK、大华SDK、Ehome等协议接入,对外可分发RTSP、RTMP、FLV、HLS、WebRTC等格式视频流。...有用户反馈,在EasyCVR设备管理列表页面,搜索设备,出现分页数据不显示情况。技术人员立刻对此情况进行了排查。在通过接口返回数据进行排查发现,后端接口返回总数出现错误,因此导致出现上述问题。...可通过以下办法解决:当前端传入搜索条件,后端查询出对应设备数量,然后返回给前端。...EasyCVR部署简单、兼容性高,平台采用分布式部署,可对外提供统一API接口,实现连接设备、连接数据、连接应用,便于第三方平台快速集成。...平台应用场景广泛,在线下有大量落地应用,包括智慧工厂、智慧校园、智慧工地、智慧仓储、智慧水利、智慧消防等等,感兴趣用户可以前往演示平台进行体验或部署测试。

84140

原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)

= 1.2.5.1 = * 修复导致部分主题某些元素意外隐藏问题; * 修复部分对话框相关图片 404 问题。 2015.05.02:Ver 1.25 版本更新说明 ?...修复在部分主题下滚动条不显示文字或错乱问题修复底部滚动文字在宽度变窄时会消失问题; 修改为当宽度小于 480px 底部滚动条自动隐藏; 新增宽度小于 720px ,不会自动弹出欢迎框;  新增...Ver 1.24 版本更新说明: 修复在 IE 下复制文字无法弹出版权提醒 BUG; 新增宽度小于 900px 隐藏底部公告栏特性。...①、新增网页嗨一下功能,首次启动请到插件设置界面填写歌曲 url 地址 ②、后台新增邮件订阅设置,可自定义滚动条右侧博客订阅按钮地址 ③、后台新增留言地址设置,让对话框中显示留言板超链接 ④、修复可能从...cookie 获取用户名乱码问题 2014.11.23:Ver 1.22 版本更新说明 ①、后台设置新增主题对话框功能开关,至此该插件所有功能都能灵活组合; ②、修复几个不影响功能小错误。

3.7K120

摹客RP,新增图文选项卡组件

修复从网页项目类型修改为移动项目后,项目变为横屏问题修复页面树异常滚动问题修复使用快捷键切换页面,页面树未自动滚动问题。...修复在飞书中使用时,退出演示界面后找不到网页问题修复因交互设置中“始终置顶”功能引起异常演示问题修复开启“滚动固定位置”元素在客户端演示顶部存在未固定区域问题。...优化解散团队提示,增加了DT项目的有关提示。 优化UI2.0若干用户体验问题修复设计稿新增提示异常问题修复非根目录项目集或项目,批量分类操作按钮没有禁用问题。...修复批量操作项目集,只选择项目集,设置项目权限按钮未置灰问题修复通过XD上传设计稿,在交互模块创建交互后,下载离线演示包,演示包交互丢失问题。...修复显示/隐藏UI工作区抖动问题。 今天新功能就介绍到这里,赶快去试试吧:mockplus.cn

1.5K20

【云+社区年度征文】借鉴Mybatis源码解决项目上线一个问题

使用了我开发框架,项目部署突然出了问题,借鉴Mybatis源码才解决 一、背景 本篇文章是我对Swagger进行了二次开发,并封装成了一个框架,发布到了maven私服,这样就可以达到拿来即用啦。...但是出现一个问题,导致打包成jar包之后某些功能无法生效,本文特针对这个问题,来阐述如何借鉴Mybatis源码才解决。...这部分在上线部署时候突然出现问题。随后会详细分析一下。...jar包: 还是不行 [1608448886606-6f26a068-2ab8-4c6b-b9ee-985253a396e9.png] 但是在IDEA中启动是没有问题。...其中有一个功能是需要读取项目中某些文件。但是此功能在项目被打成jar包部署在服务器时候,却出现问题,无法正常读取文件。 三、解决方案 遇到问题,肯定先百度一下,谷歌一下。

95221

这么多年终于解决写代码变量起名问题....

变量名一直是一个程序员公共烦恼问题,有时候,一个变量名想了又想,想了又想最后想出来一个写上了,感觉还是不合适。 最近我发现一个网站,可以帮我们自动通过 AI 算法生成变量名,并且完全免费!...只需要输入 中文 在输入框回车等待片刻,CODEIF 会在无数开源项目中查找代码,并返回结果供你挑选变量名,并且可以一键复制,一键查看到源码。 问题来了,每次都打开网站搜索岂不是太慢了?...“OnlineSearch”右键 -> 选"Add Keyboard Shortcut" -> 按住“CTRL+S”录入快捷键 -> 点击右下角“Apply”完成 我录入快捷键是 command +...shfit + 空格,大家按照自己喜好录制就行。...试一下吧~ 在任意位置选择一段文字,按住你设置快捷键会弹出如下窗口,单击选择CodeIf

42630

渐进式Web应用清单(翻译转载)

页面跨浏览器兼容性 测试 在Chrome, Edge, Firefox和Safari中测试页面 修复 修复应用跨浏览器运行时问题 页面过渡不要表现得像网络阻塞 当你四处触碰过渡应该表现顺畅点,哪怕在弱网络下...修复 Google索引系统确实会运行JavaScript,但是有些问题可能需要被修复来让内容可以访问。...在详情页上下滚动。点击返回,确保列表区域滚动到详情链接/按钮触碰前位置。 修复 用户点击返回,恢复列表滚动位置。一些路由库会有帮你做这个特性。...内容在独立或全屏模式下分享毫无难度 测试 确保独立模式(也就是把应用添加到主屏后)下,你可以从应用界面把内容分享出来。 修复 提供社交分享按钮,或者界面的通用分享按钮。...如果是通过按钮,你可能希望用户触碰能复制URL,提供给他们可以分享社交网络,或者试试整合原生Android分享系统新Web分享API。

1.6K20

关于H5在移动端弹出下拉选项遮挡输入框问题

,产品要求效果是:当下拉选项弹出不能遮挡住当前聚焦表单项,也就是Complex labels quill.js工具栏定位问题 工具栏使用是fixed定位,css如下所示: #ql-toolbar...当H5页面只需要在我们app端内使用,不需要兼容其他app是可行,如果需要兼容其他app则还是不可行,因为其他app并不会通过事件告知我们键盘高度 总的来说这个问题并没有特别好处理方式,或多或少都会存在一定问题...但是对于下拉选项而言,弹出框下拉选项是我们自己实现,也就不是系统级,所以,系统不会对其进行处理,如:将聚焦输入框推动到可视范围之内,因此,会导致遮挡问题。...对于这个问题解决需要分为以下几步: 如果滚动高度小于屏幕高度,说明需要在底部填充空元素div来将页面撑开,产生垂直滚动条,以便将输入框顶上去,这个div高度为弹出框高度,暂定为popH,对于这种情况...,到这一步即可解决遮挡问题 如果滚动高度大于屏幕高度,则需要按照如下流程进行处理: 源码 效果如下: 滚动区小于屏幕高度 滚动高度与屏幕高度相当 滚动区高度大于屏幕高度

5.3K30

终于等到你,新虚拟键盘API 即将到来,快来先睹为快吧!

开篇 你是否遇到过一个问题,即在移动设备上有一个固定元素,当键盘激活,该元素会被键盘遮挡?这已经是多年来网络上默认行为了。...浏览器将向上滚动以使输入框在键盘上方,因此粘性标题和浮动按钮将消失。 它看起来与以下内容相似: 这是移动浏览器中默认行为。...当输入框处于活动状态,结账按钮将位于虚拟键盘下方,因此被隐藏起来。 我们可以轻松地通过虚拟键盘API来解决这个问题。...无法滚动到页面的最底部 当视口底部有一个带有 position: fixed 项目,我们通常会添加 padding-bottom 来偏移页面,使用户可以滚动到最底部。...当键盘激活,浮动按钮应该移动到键盘上方。就像第一个例子中一样,浮动按钮将位于键盘下方。 为了解决这个问题,我们可以使用 env(keyboard-inset-height) 值。

27120

TDesign 更新周报(2022年4月第1周)

,需要手动设置样式保持表单对齐 Bug Fixes Popconfirm: 修复确认框中按钮默认大小 Upload: 修复上传中状态文案 Popup: 修复 hideEmptyPopup 在动态改变内容不生效问题...success 事件先于 progress 事件触发,上传文件 loadingFile 值不正确问题 修复最大数量限制 max 在多次文件选择中判断不正确问题 Pagination: 修复跳转页输入框展示额外...修复 filter 状态下,树无法折叠问题修复 lazy 状态下,无法正确展示 label 问题 Table: 修复虚拟滚动 threshold 引起报错 修复 TS 定义报错问题,非 Typescript...onFixedChange 触发时机,在固定状态发生变化时才会触发该事件(改动之前为:滚动一直触发) Table: 自定义列配置功能:多级表头和列显示配置同时存在,无法进行正确列配置问题,列配置仅显示第一层表头...修复最大宽度和文案没对齐问题 Input: 修复设置 clearable,点击不清除内容问题 Dialog: 修复 1px 边框在 iOS 上消失问题 Swiper: 修复延迟设置地址,显示不正常问题

2.4K20
领券