滚动

PHP/Application/BookingWap/View/default/Order/createPreordainOrder.html

@@ -13,6 +13,31 @@
     .deposit-rule .conditions{
         padding:0;
     }
+    .scroller {
+        position: absolute;
+        z-index: 1;
+        top:0;
+        left:0;
+        right:0;
+        -webkit-tap-highlight-color: rgba(0,0,0,0);
+        width: 100%;
+        -webkit-transform: translateZ(0);
+        -moz-transform: translateZ(0);
+        -ms-transform: translateZ(0);
+        -o-transform: translateZ(0);
+        transform: translateZ(0);
+        -webkit-touch-callout: none;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        -webkit-text-size-adjust: none;
+        -moz-text-size-adjust: none;
+        -ms-text-size-adjust: none;
+        -o-text-size-adjust: none;
+        text-size-adjust: none;
+    }
+ 
 </style>
 <div class="m-loading"></div>
 <section class="wraper <if condition='$organization_id neq 2'>none</if>">
@@ -174,7 +199,11 @@
 <!--房间选择弹窗End-->
 <div class="md-modal md-effect-1 deposit-rule" id="modal-4">
     <div class="conditions">
-        <div class="contract-info" id="preorderTem"></div>
+        <div class="contract-info" style="overflow:hidden">
+            <div style="position: relative;width:100%;height:100%;overflow:hidden;touch-action: none;" id="ruleScroll">
+                <div class="scroller" id="preorderTem"></div>
+            </div>
+        </div>
         <div class="m-foot-btn" style="display: none">
             <span class="btn ui-btn-green" id="btn-agree">我已阅读并知晓定金协议</span>
         </div>
@@ -209,6 +238,7 @@
 <script type="text/javascript" rel="preload" as="script" src="__CDN_WEIXIN__lefull-wap/build/component/apartment/js/modalEffects.js"></script>
 <script src="__CDN_WEIXIN__lefull-wap/build/lib/mbiscroll/js/mobiscroll.custom-3.0.0-beta2.min.js"
         type="text/javascript" rel="preload" as="script"></script>
+<script src="https://lib.baomitu.com/iScroll/5.2.0/iscroll-infinite.js"></script>
 <script>
     $(function () {
         initPreorderTem();//请求预定模板
@@ -271,9 +301,10 @@
             $('#modal-3').removeClass('md-show');
         });
         $('#readDoc').on('click', function () {
-            // document.body.style.overflow="hidden";//隐藏页面水平和垂直滚动条
+            document.body.style.overflow="hidden";//隐藏页面水平和垂直滚动条
             $('#modal-4').addClass('md-show');
             $('.conditions .ui-btn-green').show();
+            new IScroll('#ruleScroll');
         });
         $('.conditions .icon-icon_close,.conditions .ui-btn-green').on('click', function () {
             $('#modal-4').removeClass('md-show');
@@ -362,6 +393,7 @@
                                 $('.m-foot-btn').show();
                                 if($('#organization_id').val()==1){
                                     $("#modal-4").addClass("md-show");
+                                    new IScroll('#ruleScroll');
                                 };
                                 $(".wraper").removeClass("none");
                             },