h5的vue项目中键盘d出页面被上移且键盘消失页面不下移，并且无法滑动

var htmlScrollHeight;

$('other-input input')on('focus', function () {

htmlScrollHeight = $(document)scrollTop();

});

$('other-input input')on('blur', function () {

$('html,body')animate({scrollTop:htmlScrollHeight}, 100);

if (isAndroid) {

//这个是安卓 *** 作系统

$("pay-content")css('bottom','0');

}

});

Vue水平滚动滚动条高亮滚动位置可以使用Vue的v-scroll指令来实现。v-scroll指令可以接受一个参数，用于指定滚动条的高亮位置。例如：<div v-scroll:index="index">，其中index参数用于指定滚动条高亮位置，可以是一个数字或者一个字符串。Vue水平滚动滚动条高亮滚动位置可以使用Vue的v-scroll指令来实现。v-scroll指令可以接受一个参数，用于指定滚动条的高亮位置。例如：<div v-scroll:index="index">，其中index参数用于指定滚动条高亮位置，可以是一个数字或者一个字符串。

最近在开发Vue项目时，需要实现一个页面的局部滚动条功能。以前实现此类功能都是使用的iframe原生的滚动条功能，保证内容只在div块内滚动，别的地方不影响。

据尝试，发现Iview等组件库都没有符合这种情况的组件，于是查找了其他组件，最终选用了vue-scroll插件。

vuescroll 是一个基于 vuejs 2X 虚拟滚动条， 它支持定制滚动条的样式，检测内容尺寸变化、能够使内容分页、支持上拉-刷新，下推加载等诸多特性。

(1)拥有原生滚动条的滚动行为

(2)可以定制滚动条的样式(包括颜色、尺寸、位置、透明度、是否保持显示等)

(3)在模式之间自由切换

(4)能够通过设置滚动动画来平滑地滚动

(5)拉取刷新和推动加载

(6)支持分页模式(每次滑动整个页面)

(7)支持快照模式(每次滑动滚动一个用户定义的距离)

(8)可以检测内容尺寸发生变化

在components中再注册一下

这两种引入方式都可以，引入后用vuescroll包裹需要滚动的部分

在data中写明需要修改的配置项

divscrollHeight

就可以了。

但是这里有个问题，如果内容撑出去了，那么这个scrollHeight就是内容的高度，

如果内容高度没有div的高度高的话，scrollHeight的值就是div的高。

这个方法适用于顶部固定这种不是全页面在滚动的情况，只需要监听指定的位置滚动就能触发想要的效果。

主要就是用到ref和@scroll

ref 加在普通的元素上，用this$refs（ref值） 获取到的是dom元素

@scroll可以监听滚动事件

因为我绑定名字是Box，所以就用这个this$refsBox来指定dom进行 *** 作，这里我让他滚回到了顶部。

希望对你有所帮助！

以上就是关于h5的vue项目中键盘d出页面被上移且键盘消失页面不下移，并且无法滑动全部的内容，包括:h5的vue项目中键盘d出页面被上移且键盘消失页面不下移，并且无法滑动、vue图片水平滚动,滚动条高亮滚动位置、vue的滚动条插件vue-scroll等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！