缘来一场梦 2018-03-06 08:12 采纳率: 0%
浏览 2582
已结题

iscroll做H5页面滚动时的问题

使用iscroll做H5页面滚动时，当输入框被虚拟键盘遮住再输入内容（比如输入框在页面最下面），此时整个页面会上移并显示出输入框，输入完成并关闭虚拟键盘之后页面无法复位，这时滚动到最上面时有一部分被隐藏到最上面以上并且拉不下来，请问有没有人遇到并解决这个问题？

  • 写回答

2条回答 默认 最新

  • devmiao 2018-03-06 15:55
    关注

    https://www.cnblogs.com/ansiboy/p/5049230.html

    评论

报告相同问题？

  • H5基于iScroll实现下拉刷新和上拉加载更多
    2020-08-29 23:30
    本篇文章主要介绍了如何使用iScroll库实现H5页面的下拉刷新和上拉加载更多功能。下拉刷新是指用户下拉屏幕以刷新最新数据，而上拉加载更多是指用户上拉屏幕以加载更多数据。 在实现这个功能时，需要使用iScroll库的...
  • H5使用iscroll-4模拟手机app下拉刷新功能实现demo
    2022-03-18 10:55
    下面我们将深入探讨如何使用`iscroll-4`在`H5`页面中实现这一功能。 `iscroll-4`是由Matteo Spinelli开发的一个轻量级JavaScript库，专门用于处理触摸设备上的滚动事件。它提供了平滑的滚动效果，支持多种手势，...
  • JQuery插件iScroll实现下拉刷新，滚动翻页特效
    2020-10-25 18:18
    JQuery插件iScroll是一个轻量级的滚动插件，它能够实现复杂的触摸滚动效果，尤其在移动设备上表现良好。利用iScroll，开发者可以为网页添加平滑的滚动体验，以及实现下拉刷新和上拉加载更多的交互功能。这种交互方式...
  • uniapp H5中使用移动端滚动插件iscroll.js
    2021-12-28 15:31
    有多少种可能性的博客 为了监听滚动中的事件，所以选用iscroll-probe这个版本 1：下载地址iscroll-probe 2：横向滚动 纵向滚动要求父级有明确的高度或者宽度 <div id="right_div2"> <div style='width:30rem'> <...
  • 解决iScroll 插件 在移动端手机页面不能滚动的问题
    2020-08-26 11:48
    startMinsk的博客 解决iScroll 插件 在移动端手机...最近在做一个移动端H5的画面，用到了iscroll插件，但是在移动端调试时，并不能滚动，经过一些尝试。 我们需要 在元素中加入touch-action:none;这个css就ok了。 好了，问题解决。 ...
  • 移动端h5禁止页面滚动
    2021-09-23 17:17
    peade的博客 在做H5页面，发现在ios下，存在以下的现象： A,B两个兄弟元素，A覆盖在B上面。在A上面滑动手指，会引起B元素内部滚动。 body元素和内部元素。内部元素A绝对定位在上面。在A上面滑动手指，body会滚动。 针对 1 情况...
  • iscroll5.2.0--页面下拉刷新，上拉分页加载
    2018-10-10 11:44
    **iscroll5.2.0** 是一个轻量级、高性能的JavaScript滚动库，由Matteo Spinelli开发，主要用于解决移动端浏览器的滚动问题。它提供了平滑的滚动体验，并支持许多高级特性，如下拉刷新（Pull-to-Refresh）和上拉加载...
  • 解决IScroll 滚动卡顿问题
    2019-11-15 10:05
    技术熊的博客 我的页面中使用了iscroll进行滚动，但是出现了滚动卡顿的问题。一拖很明显的卡顿。百度搜搜出来解决方案 https://www.cnblogs.com/chenjacky/p/11217088.html 在初始化iscroll的时候，加入以下几个参数。 var is = ...
  • iscroll插件和关于滚动的问题
    2018-09-20 10:55
    风情客家__的博客 iscroll的参数和方法说明 http://blog.csdn.net/sweetsuzyhyf/article/details/44195549 iscroll的初始化 最佳的HTML结构： &lt;div id="wrapper"&gt; &lt;ul&gt; &lt;...
  • 使用iscroll插件没有滚动效果
    2018-09-11 19:16
    迷失在广东的靓仔中了的博客 原因:因为图片还没加载好，就开始渲染插件了，会导致父元素没有高度，即不能滚动 解决：等获取到所有图片并且加载好之后再去渲染插件的初始js  1.获取所有图片  2.使用load事件，资源加载完成 如：以下代码的...
  • 解决H5页面无法滚动
    2018-12-02 00:15
    Razas的博客 H5页面没有使用任何滚动插件，比如： iscroll.min.js 或者 Better Scroll。 这里是因为： * { touch-action: none; } 这段代码，会导致安卓手机H5页面无法滚动，而苹果手机可以。 使用 iscroll.min.js 或者...
  • 横向iscroll阻止纵向浏览器滚动条
    2018-12-29 12:46
    天天睡觉qwq的博客 在初始化iscroll时设置： var myScroll= new IScroll('.container', { // mouseWheel : true, //鼠标滚轮支持 // scrollbars: false, //滚动条支持 scrollY: false, //滚动方向（垂直） scrollX: true, //滚动...
  • Java代码实现微信页面滚动防露底(核心代码)
    2020-09-01 15:25
    微信页面滚动防露底是一种常见的优化技术，它的目标是防止用户在滚动页面时，由于速度过快或者误操作，使得页面滚动超出实际内容范围，露出不美观的背景或者空白区域。这种现象在iOS和Android设备上尤为常见，因为...
  • 在React中引入IScroll插件做滚动
    2018-07-11 10:17
    丶观海听涛丶的博客 最近做一个H5项目，数据交互量比较大，很多页面都是从后台拿过来数据做一个列表显示，这自然就遇到了滚动。刚开始我直接使用css做法，直接添加overflow: scroll;但在微信端用户滑动会直接将整个页面拖动，露出顶部的...
  • 浅谈在h5中的横向滚动的标题栏iscroll的运用（webapp）
    2016-08-20 11:59
    非鱼2008的博客 最实在，好用的iscoll实现顶部标签滚动
  • js禁止苹果页面底部滚动_H5开发－－部分iphone手机无法滚动解决方案，iscroll使用方法...
    2021-01-14 13:51
    YJ林的博客 最近在H5开发中遇到一个诡异的问题，其实很简单一个事情，做了一个弹窗，弹窗中的内容很长，需要滚动查看，正常设置一下overflow:scroll就好了，可以偏偏有的苹果就是就是不好用，折腾了一下午，记录一下，以便帮到...
  • 页面区域滚动IScroll插件
    2019-07-12 10:43
    前端成长营的博客 我们经常会 遇到这个一种 布局 , header 和 footer 是固定 的, 中间的 内容是可滚动的 , 在 iOS 中 直接 可能 用 table 控件来实现 , 但是 在H5中 我们 就很 尴尬了 , 要实现 一大堆的 样式 布局 , 不要 着急 , 历史...
  • H5基于iScroll实现下拉刷新，上拉加载更多
    2016-07-27 23:22
    下拉刷新通常用于更新页面内容，当用户将页面顶部向下滚动到一定程度时，会触发刷新动作，加载新的数据。上拉加载则是在用户滚动到底部时，自动加载更多的内容，这样用户可以无限制地浏览更多的信息，而无需手动翻页...
  • 基于iscroll.js实现下拉刷新和上拉加载效果
    2020-10-21 01:07
    iscroll.js是一个非常流行的JavaScript滚动框架，主要用于创建流畅的滚动效果，同时也支持移动端的手势操作和特殊效果。 为了使用iscroll.js实现下拉刷新和上拉加载，首先需要下载并引入iscroll.js库。这个库可以从...
  • 没有解决我的问题, 去提问