测试

yazhaiTest/css/neck.css

@@ -22,6 +22,11 @@ body::-webkit-scrollbar {
   top: 10px;
   cursor: pointer;
 }
+.more-live b {
+  display: inline-block;
+  transform: scaleY(1.4);
+  font-weight: 400;
+}
 .more-live:hover {
   color: #E53985;
 }

yazhaiTest/css/neck.less

@@ -40,6 +40,11 @@
   right: 0;
   top: 10px;
   cursor: pointer;
+  b{
+    display: inline-block;
+    transform: scaleY(1.4);
+    font-weight: 400;
+  }
 }
 .more-live:hover{
   color: #E53985;

yazhaiTest/pc.html

@@ -94,7 +94,7 @@
 <div class="m-box">
     <div style="height: 60px;"></div>
     <div class="mc-list-box">
-        <h2 class="box-title"><img src="images/front/category1.png" alt=""><span>在線美女</span><div class="more-live">觀看更多 ></div></h2>
+        <h2 class="box-title"><img src="images/front/category1.png" alt=""><span>在線美女</span><div class="more-live">觀看更多 <b>></b></div></h2>
         <ul class="live-box-ul clearfix">
             <!-- <li>
                 <div class="live-top-box">
@@ -106,7 +106,7 @@
         </ul>
     </div>
     <div class="video-list-box">
-        <h2 class="box-title">
+        <h2 class="box-title box-title2">
             <img src="images/front/category2.png" alt=""><span>影片</span>
             <div class="video-more-btn">
                 篩選<img src="images/front/more-btn.png" alt="">
@@ -329,6 +329,8 @@ $(function(){
     // var strings='eyJhbGciOiJSUzI1NiIsImtpZCI6IjJiMDllNzQ0ZDU4Yzk5NTVkNGYyNDBiNmE5MmY3YjM3ZmVhZDJmZjgiLCJ0eXAiOiJKV1QifQ.eyJpc3MiOiJodHRwczovL2FjY291bnRzLmdvb2dsZS5jb20iLCJuYmYiOjE2NTU3MjY3MzksImF1ZCI6IjUzNDE4MzY4NTUwMC1hZzB2YWkwamg2dG9kbGRpNHJnNmx2cDBnY3Nvamswbi5hcHBzLmdvb2dsZXVzZXJjb250ZW50LmNvbSIsInN1YiI6IjExNjU2MDI0NDUzNDA2NzMwNDk0NSIsImVtYWlsIjoiNDA1NzA4MTIyQHFxLmNvbSIsImVtYWlsX3ZlcmlmaWVkIjp0cnVlLCJhenAiOiI1MzQxODM2ODU1MDAtYWcwdmFpMGpoNnRvZGxkaTRyZzZsdnAwZ2Nzb2prMG4uYXBwcy5nb29nbGV1c2VyY29udGVudC5jb20iLCJuYW1lIjoi5p2O55m9IiwicGljdHVyZSI6Imh0dHBzOi8vbGgzLmdvb2dsZXVzZXJjb250ZW50LmNvbS9hL0FBVFhBSng2TTAwOVdBV0NtRTlBZUhZajJHYnhrRE5Bb1NRS3BqNHFrZm9nPXM5Ni1jIiwiZ2l2ZW5fbmFtZSI6IueZvSIsImZhbWlseV9uYW1lIjoi5p2OIiwiaWF0IjoxNjU1NzI3MDM5LCJleHAiOjE2NTU3MzA2MzksImp0aSI6IjM2YzdmZTk2ODg3NTQzODVkMTM4OWVhZGRlODJmOTgzMjQwZWFmY2QifQ.QL0TPz2C7lEvAfcnYRbfUwO39R0GsS6QkZboNpF6X7RWblxeKnm8CRWaqtosPbMNXqi42U7Cbkjb3rnD5GqTixRoYDeCceZzAhgQh4fNqs1_vU3gsQ0cBhqVYycbGo8hi6h-zFcMLMbM8hml3NvJqc1TYdhSDW3BdeaegBu2esLpgY4ac0Ick86-TnJH6Gj-U2WGU0QabbaEfbG1MSe-FslBEcE-Y9vbP4Wfzm0K1PCnooBv2Saj4HPBMuAhluHHXiejfU8MvLT8AaJH0oKlBJ_yH01OOGSiqQhM8qt3jaEC4lNVghePtSpjcflwY4_p-0vxewL4uH5szZnbVhPL0Q'
     // var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings.replace(/-/g, "+").replace(/_/g, "/")))));
     // console.log(userinfo)
+
+
     loginGo()
     var scrollOk=true;
     var pageNumber=1
@@ -338,6 +340,7 @@ $(function(){
     var sortNum=-1
     var dayNum=-1
     var canvasCode=-1
+    var scrollNav=true;
     jumpGo()
     var fp = new Fingerprint2()
     if(sessionStorage.like==1){
@@ -364,6 +367,13 @@ $(function(){
             pageNumber+=1
             getTopics(pageNumber,typeNum,tagNum,timeNum,sortNum,dayNum)
         }
+        if(scrollNav!=true)return;
+        console.log(2121)
+        if($(document).scrollTop()>$(".box-title2").offset().top-20){
+            $(".side-nav").show()
+        }else{
+            $(".side-nav").hide()
+        }
     })
     $(".more-live").on("click",function(){
         $(".neck-nav-ul li").removeClass("neck-nav-li-click")
@@ -435,6 +445,7 @@ $(function(){
             loginLayer()
             return;
         }
+        scrollNav=false
         $(".neck-nav-ul li").removeClass("neck-nav-li-click")
         $(".side-nav").hide()
         _self.addClass("neck-nav-li-click")
@@ -443,6 +454,7 @@ $(function(){
         $(".m-box").show()
         $(".down-box").hide()
         if(_self.attr("data-type")==1){
+            scrollNav=true;
             scrollTo('.m-box',350)
             $(".images-list-box").hide()
             $(".like-box").hide()
@@ -555,7 +567,7 @@ $(function(){
                     if(list.liveState!=1)continue;
                     liveNum++
                     html+='<a href="room/liveRoom.html?roomId='+list.uid+'"><li style="background: url(https://zhibocdn.yabolive.net/comm'+list.face+'?x-oss-process=image/resize,w_368) no-repeat;background-size: cover;">';
-                    html+='<img class="live" src="images/front/live.png" alt="">';
+                    html+='<img class="live" src="images/front/live.webp" alt="">';
                     html+='<div class="like-shadow"></div>';
                     html+='<p class="like-li-name">'+list.nickname+'</p>';
                     html+='</li></a>';
@@ -739,7 +751,9 @@ $(function(){
         })
     }   
     function jumpGo(){
+        
         if(data.jump==2){
+            scrollNav=false
             $(".neck-nav-ul li").removeClass("neck-nav-li-click")
             $(".neck-nav-ul li").eq(data.jump-1).addClass("neck-nav-li-click")
             $(".images-list-box").hide()
@@ -755,6 +769,7 @@ $(function(){
                 loginLayer()                                 
                 return;
             }
+            scrollNav=false
             $(".neck-nav-ul li").removeClass("neck-nav-li-click")
             $(".neck-nav-ul li").eq(data.jump-1).addClass("neck-nav-li-click")
             $(".tag-big-box").hide()
@@ -765,6 +780,7 @@ $(function(){
             likeList()
         }
         if(data.jump==4){
+            scrollNav=false
             $(".neck-nav-ul li").removeClass("neck-nav-li-click")
             $(".neck-nav-ul li").eq(data.jump-1).addClass("neck-nav-li-click")
             $(".side-nav").show()
@@ -784,6 +800,7 @@ $(function(){
             getTopics(1,typeNum,tagNum,timeNum,sortNum,dayNum)
         }
         if(data.jump==5){
+            scrollNav=false
             $(".neck-nav-ul li").removeClass("neck-nav-li-click")
             $(".neck-nav-ul li").eq(data.jump-1).addClass("neck-nav-li-click")
             $(".side-nav").show()
@@ -803,6 +820,7 @@ $(function(){
             getTopics(1,typeNum,tagNum,timeNum,sortNum,dayNum)
         }
         if(data.jump==6){
+            scrollNav=false
             $(".neck-nav-ul li").removeClass("neck-nav-li-click")
             $(".neck-nav-ul li").eq(data.jump-1).addClass("neck-nav-li-click")
             $(".m-box").hide()