预订按钮添加跳转JS

application/views/mobile_first/gh-pc.php

@@ -207,6 +207,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
   </div>
   <div class="ghwhyus">
   <div class="contactwechat">       
+  <a id="scrollAnchor"></a>
    <img alt="global highlights' wechat code" height="100px" src="https://data.globalhighlights.com/image/aboutus/gh-whatsapp-qr-code.jpg" width="100px">
         <div class="wechatinfo">Scan and add us on WhatsApp: <span class="wechatred">+86 15807734776</span>
         </div>
@@ -393,6 +394,15 @@ document.addEventListener('DOMContentLoaded', () => {
     disableMobile: true,
     minDate: "today"
   });
+  
+
+  var scrollToButton = document.getElementById('scrollToButton');
+  var scrollAnchor = document.getElementById('scrollAnchor');
+  scrollToButton.addEventListener('click', () => {
+    if (scrollAnchor !== null) {
+      scrollAnchor.scrollIntoView({behavior: "smooth"});
+    }
+  });
 });
 </script>
 <!--@IN-ARTICLE-GOOGLE@-->

application/views/mobile_first/gh.php

@@ -172,6 +172,7 @@ aria-label="festival">
   </div>
   <div class="ghwhyus">
   <div class="contactwechat">       
+  <a id="scrollAnchor"></a>
    <img alt="global highlights' wechat code" height="100px" src="https://data.globalhighlights.com/image/aboutus/gh-whatsapp-qr-code.jpg" width="100px">
         <div class="wechatinfo">Scan and add us on WhatsApp: <span class="wechatred">+86 15807734776</span>
         </div>
@@ -343,6 +344,14 @@ document.addEventListener('DOMContentLoaded', () => {
     disableMobile: true,
     minDate: "today"
   });
+
+var scrollToButton = document.getElementById('scrollToButton');
+var scrollAnchor = document.getElementById('scrollAnchor');
+scrollToButton.addEventListener('click', () => {
+  if (scrollAnchor !== null) {
+    scrollAnchor.scrollIntoView({behavior: "smooth"});
+  }
+});
 });
 </script>
 <!--@PRODUCT-JS@-->