亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

fullpage中在slide里加個DIV ,怎樣可以在每一頁都有這個DIV

fullpage中在slide里加個DIV ,怎樣可以在每一頁都有這個DIV

Furyyy 2016-11-12 17:38:03
想了好多種辦法,調了一天了,都不行,所以來求助大神們,我的思路:回調函數 加載時+1920px,(用的move.js里的add語句)離開時判斷如果是回到前面的頁面,就-1920px,但是不成功,只能加載時增加PX,離開時不能減少,不知道為什么.最后還是決定用move.js里的set語句,但是不知道為什么死活就是運行不出來效果,求大神幫忙看看,謝謝!!! ? ?附代碼:HTML:<!DOCTYPE?html> <html> <head> ????<meta?charset="UTF-8"> ????<meat?name="viewport"?content="widt=device-width,?initial-scale=1,user-scalable=no/"> ????<title>traval</title> ????<link?rel="stylesheet"?href="jquery.fullPage.css"?/> ????<link?rel="stylesheet"?href="style.css"/> ?</head> <body> ????<div?id="fullpage"> ??? ????????<div?class="section?section1"> ????????<h1>TRAVAL?</h1> ????????<p></p> ????????<a?href="#"></a> ????????</div> ????????<div?class="section?section2"> ???????? ???? ????????<div?class="slide?sectionslide">???? ???????? ????????<img?src="sucai/bingdao/1.jpg"> ????????? ????????</div> ????????<div?class="slide?sectionslide"> ????????? ??????????<img?src="sucai/bingdao/2.jpg"> ????????</div> ????????<div?class="slide?sectionslide"> ????????<img?src="sucai/bingdao/3.jpg"> ??????? ?????????</div> ????????<div?class="slide?sectionslide"> ????????<img?src="sucai/bingdao/4.jpg"> ??????? ????????</div> ????????<div?class="slide?sectionslide"> ????????<img?src="sucai/bingdao/5.jpg"> ??????? ????????</div> ????????<div?class="slide?sectionslide"> ????????<img?src="sucai/bingdao/6.jpg"> ??????? ????????</div> ????????<div?class="slide?sectionslide"> ????????<img?src="sucai/bingdao/7.jpg"> ????????<div?class="information">123123</div>?? ??????? ????????</div> ???????? ????????</div> ? </div> <script?src="move.js"></script> ?<script?src="jquery.js"></script> <script?src="jquery.fullPage.js"></script> ????<script?type="text/javascript"> ????????$(document).ready(function(){ ????????????$('#fullpage').fullpage({ ????????????????verticalCentered:false, ????????????????anchors:["page1","page2","page3","page4"], ????????????????navigation:true, ????????????????navigationTooltips:["1","2","3","4"], ????????????????paddingTop:60, ???????????????? ??????????????????afterSlideLoad:function(link,index,slideAnchor,slideIndex){ ?????????????????????switch(slideIndex){ ????????????????????????case?1: ?????????????????????????move(".information").set("margin-left",3370).end(); ????????????????????????break; ????????????????????????case?2: ?????????????????????????move(".information").set("margin-left",5290).end(); ????????????????????????break; ????????????????????????case?3: ????????????????????????move(".information").set("margin-left",7210).end(); ????????????????????????break; ????????????????????????case?4: ?????????????????????????move(".information").set("margin-left",9130).end(); ????????????????????????break; ????????????????????????case?5: ?????????????????????????move(".information").set("margin-left",11050).end(); ????????????????????????break; ????????????????????????case?6: ?????????????????????????move(".information").set("margin-left",12970).end(); ????????????????????????break;???????????????????? ????????????????default: ????????????????break;}},? ????????????}); ????????}); ????</script> </body> </html>
查看完整描述

2 回答

?
Furyyy

TA貢獻4條經驗 獲得超0個贊

沒人嗎...

查看完整回答
反對 回復 2016-11-12
?
Furyyy

TA貢獻4條經驗 獲得超0個贊

style.css:(有關部分)

?

.section2{

????position:?relative;

????background-color:?#2b2b2b;

????background-size:?100%;

}

?

.information{

????background-color:#0F0F0F;

????opacity:?0.8;

????width:?320px;

????height:?880px;

????display:inline-block;??????????

????position:?absolute;

????left:1450px;

????top:?1px;

}

?

?

?

.sectionslide?img{

????width:?1920px;

????height:?880px;

????position:?relative;

????left:?0px;

?????

?????

}


查看完整回答
反對 回復 2016-11-12
  • 2 回答
  • 0 關注
  • 2376 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號