测试

index.html

@@ -309,7 +309,6 @@ $(function(){
             getTopics(pageNumber,typeNum,tagNum,timeNum,sortNum,dayNum)
             getTopics(pageNumber,typeNum,tagNum,timeNum,sortNum,dayNum)
         }
         }
         if(scrollNav!=true)return;
         if(scrollNav!=true)return;
-
         if($(document).scrollTop()>$(".box-title2").offset().top-20){
         if($(document).scrollTop()>$(".box-title2").offset().top-20){
             $(".side-nav").fadeIn(200)
             $(".side-nav").fadeIn(200)
         }else{
         }else{

room/css/room.css

@@ -32,6 +32,9 @@
   .live-m .more-live-box .more-live-name {
   .live-m .more-live-box .more-live-name {
     width: 241px;
     width: 241px;
   }
   }
+  .more-live-box {
+    top: -120px !important;
+  }
 }
 }
 @media screen and (min-width: 2400px) {
 @media screen and (min-width: 2400px) {
   body .big-room-box {
   body .big-room-box {

room/css/room.less

@@ -32,6 +32,10 @@
                 width: 241px;
                 width: 241px;
             }
             }
         }
         }
+   
+    }
+    .more-live-box{
+        top: -120px !important;
     }
     }
 }
 }
 @media screen and (min-width: 2400px) {
 @media screen and (min-width: 2400px) {
@@ -61,6 +65,7 @@
         .more-live-ul a:nth-child(6n) li {
         .more-live-ul a:nth-child(6n) li {
             margin-right: 0px;
             margin-right: 0px;
         }
         }
+
     }
     }
 
 
  
  

room/liveRoom.html

@@ -472,7 +472,6 @@
 $(function () {
 $(function () {
     if(localStorage.canvasCode==undefined){
     if(localStorage.canvasCode==undefined){
         localStorage.canvasCode='oneEnter'
         localStorage.canvasCode='oneEnter'
-
     }
     }
     // if(sessionStorage.roomId==undefined||sessionStorage.roomId=='undefined')window.location.href='../index.html'
     // if(sessionStorage.roomId==undefined||sessionStorage.roomId=='undefined')window.location.href='../index.html'
     var flvPlayer
     var flvPlayer
@@ -481,7 +480,22 @@ $(function () {
     var sendType=1;
     var sendType=1;
     var guardShowOk=null;
     var guardShowOk=null;
     var richType=1
     var richType=1
-
+    var layzT=true;
+    $(window).on("scroll",function(){
+        if(layzT==true){
+            layzT=false
+            if($(document).scrollTop()>400){
+                $(window).unbind("scroll")
+                for(var i=0;i<$(".more-live-ul li").length;i++){
+                    $(".more-live-ul li").eq(i).css("background","url("+$(".more-live-ul li").eq(i).attr("data-type")+")")
+                }
+                $(".more-live-ul li").css("background-size","cover")
+            }
+            setTimeout(function() {
+                layzT=true;
+            }, 200);
+        }
+    })
     $.ajax({
     $.ajax({
         url: $ip + 'room/enterRoom',
         url: $ip + 'room/enterRoom',
         data: {
         data: {
@@ -1738,7 +1752,7 @@ $(function () {
                 for(var i=0;i<data.roomList.length;i++){
                 for(var i=0;i<data.roomList.length;i++){
                     var list=data.roomList[i]
                     var list=data.roomList[i]
                     if(list.roomId==sessionStorage.roomId)continue;
                     if(list.roomId==sessionStorage.roomId)continue;
-                    html+='<a href="https://www.footseen.xyz/room/liveRoom.html?roomId='+list.roomId+'"><li style="background: url(https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_268);background-size: cover;">';
+                    html+='<a href="https://www.footseen.xyz/room/liveRoom.html?roomId='+list.roomId+'"><li data-type="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_268" style="background:#fff;background-size: cover;">';
                     if(list.liveScope==3&&list.selfLock==1)html+='<img class="lock" src="../images/Lock-ok.png">';
                     if(list.liveScope==3&&list.selfLock==1)html+='<img class="lock" src="../images/Lock-ok.png">';
                     else if(list.liveScope==3&&list.selfLock==0)html+='<img class="lock" src="../images/Lock-no.png">';
                     else if(list.liveScope==3&&list.selfLock==0)html+='<img class="lock" src="../images/Lock-no.png">';
                     html+='<img class="move-live-online" src="images/live.png" alt="">';
                     html+='<img class="move-live-online" src="images/live.png" alt="">';