随缘前端
随缘前端
  • 发布:2017-08-11 10:31
  • 更新:2017-08-11 10:56
  • 阅读:2314

mui滑动问题

分类:MUI

屏幕上下滑动的时候,当指尖触及到表单这个区域的时候,无法再上下滑动屏幕,这是什么情况

<div class="mui-content bggray bd-top">
<div id="slider" class="mui-slider">
<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<a class="mui-control-item mui-active" href="#item1mobile">免费量房</a>
<a class="mui-control-item" href="#item2mobile">样板房参观</a>
<a class="mui-control-item" href="#item3mobile">设计品鉴</a>
</div>
<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
<div class="mui-slider-group">
<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
<div id="scroll1" class="mui-scroll-wrapper">
<div class="mui-scroll">
<form class="mui-input-group01">
<div class="mui-input-row">
<label><span class="mui-icon iconfont icon-people"></span></label>
<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入您的姓名">
</div>
<div class="mui-input-row">
<label><span class="mui-icon iconfont icon-tel"></span></label>
<input id='email' type="text" class="mui-input-clear mui-input" placeholder="请输入您的手机号码">
</div>
</form>
<div class="mui-content-padded01">
<button id='sendMail' class="mui-btn mui-btn-block01 mui-btn-primary">立即报名</button>
</div>

                </div>  
            </div>  
        </div>  
        <div id="item2mobile" class="mui-slider-item mui-control-content">  
            <div id="scroll2" class="mui-scroll-wrapper">  
                <div class="mui-scroll">  
                  <form class="mui-input-group01">  
                      <div class="mui-input-row">  
                          <label><span class="mui-icon iconfont icon-people"></span></label>  
                          <input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入您的姓名">  
                      </div>  
                      <div class="mui-input-row">  
                          <label><span class="mui-icon iconfont icon-tel"></span></label>  
                          <input id='email' type="text" class="mui-input-clear mui-input" placeholder="请输入您的手机号码">  
                      </div>  
                  </form>   
                  <div class="mui-content-padded01">  
                    <button id='sendMail' class="mui-btn mui-btn-block01 mui-btn-primary">立即报名</button>  
                  </div>  

                </div>  
            </div>  
        </div>  
        <div id="item3mobile" class="mui-slider-item mui-control-content">  
            <div id="scroll3" class="mui-scroll-wrapper">  
                <div class="mui-scroll">  
                  <form class="mui-input-group01">  
                      <div class="mui-input-row">  
                          <label><span class="mui-icon iconfont icon-people"></span></label>  
                          <input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入您的姓名">  
                      </div>  
                      <div class="mui-input-row">  
                          <label><span class="mui-icon iconfont icon-tel"></span></label>  
                          <input id='email' type="text" class="mui-input-clear mui-input" placeholder="请输入您的手机号码">  
                      </div>  
                  </form>   
                  <div class="mui-content-padded01">  
                    <button id='sendMail' class="mui-btn mui-btn-block01 mui-btn-primary">立即报名</button>  
                  </div>  

                </div>  
            </div>  
        </div>  
    </div>  
</div>  
<div class="list-lh">  
    <ul>  
        <li><span>宋**</span><span>137****7851</span><span>报名成功</span></li>  
    </ul>  
</div>  

</div>

2017-08-11 10:31 负责人:无 分享
已邀请:
loopTest

loopTest - 搞事情

好像见过

该问题目前已经被锁定, 无法添加新回复