先说下业务逻辑：登录页面，滑块验证，输入手机号后会有滑块验证，如果验证无误，您将收到验证码短信。这就是这个登录页面的基本逻辑。出现bug的地方是IOS上无法拖动滑块。经过测试，发现6plus上也存在这个问题。1、弹窗通过fixed定位在页面上。2.表单激活时，由于手机内置输入法的弹出导致页面向上滚动，页面顶部会被隐藏。此时页面顶部缺失了一部分，所以固定定位的实际顶部距离也会发生变化，导致拖动的滑块位置偏移到文本位置。和第四张图的效果类似，黄色的部分不见了。解决方法：通过input的focus事件将body的scrollTop值改为0。$('input').focus(function(){console.log($('body').scrollTop())document.documentElement.scrollTop=0;document.body.scrollTop=0;})记录开发和终于到了问题。
