chen
/
jinsha
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

优化查看详情

master
chen 2021-12-10 10:43:57 +08:00
parent e142e3c048
commit e37a735f91
3 changed files with 26 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/style.css
View File

@ -47,6 +47,7 @@
.footer { .footer {
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
z-index: 2;
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -152,7 +153,7 @@
left: 0; left: 0;
right: 0; right: 0;
background-color: rgba(255,255,255,1); background-color: rgba(255,255,255,1);
z-index: 2; z-index: 3;
padding: 20px; padding: 20px;
transition: all .5s ease-in-out; transition: all .5s ease-in-out;
color: #000000; color: #000000;
@ -172,6 +173,7 @@
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
right: 0px; right: 0px;
z-index: 0;
padding: 20px; padding: 20px;
background-color: #FFFFFF; background-color: #FFFFFF;
transition: all .5s ease-in-out; transition: all .5s ease-in-out;

18
index.html
View File

@ -103,6 +103,24 @@
</div> </div>
<span>感恩奋进70年，致敬时代金沙人！</span> <span>感恩奋进70年，致敬时代金沙人！</span>
</div> </div>
<div class="huigu-box">
<div class="banner-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="imgs/secondary/banner/banner-01.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
<h1 class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-01</h1>
</div>
<div class="swiper-slide">
<img src="imgs/secondary/banner/banner-02.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
<h1 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-02</h1>
</div>
<div class="swiper-slide">
<img src="imgs/secondary/banner/banner-03.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
<h1 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-03</h1>
</div>
</div>
</div>
</div>
</div> </div>
<!-- 视频播放 --> <!-- 视频播放 -->
<div class="video-play-box" id="video-box"> <div class="video-play-box" id="video-box">

5
js/javascript.js
View File

@ -73,9 +73,14 @@ function closeVideo() {
function checkInfo(){ function checkInfo(){
$('.info-box').addClass('taskBox'); $('.info-box').addClass('taskBox');
$('.close-box').addClass('btn-close'); $('.close-box').addClass('btn-close');
$('body').css({"overflow": "hidden","height": '100%'});//禁止底层页面滚动
$('html').css({"overflow": "hidden","height": '100%'});//禁止底层页面滚动
} }
// 关闭详情 // 关闭详情
function closeEv(){ function closeEv(){
$('.info-box').removeClass('taskBox'); $('.info-box').removeClass('taskBox');
$('.close-box').removeClass('btn-close'); $('.close-box').removeClass('btn-close');
$('.info-box').scrollTop(0);
$('body').css({"overflow": "scroll"});
$('html').css({"overflow": "scroll"});
} }