解決 Swiper 外掛autoHeight問題 建議
var mySwiper=$(".swiper-container").swiper({
autoHeight: true,
onSlideChangeStart: function() {
var H = $(".swiper-slide").eq(mySwiper.activeIndex).find(".bigbox").height();
var scH=$(".swiper-container").height();
var bodyH=$("body").height()
if(H<scH){
console.log(scH)
alert($("body").height())
$(".swiper-slide").css('height', bodyH-20 + 'px');
$(".swiper-wrapper").css('height', bodyH-20 + 'px');
}else{
$(".swiper-slide").css('height', H + 'px');
$(".swiper-wrapper").css('height', H + 'px');
}
console.log("slideH:" + $(".swiper-slide").height())
console.log("wrapperH:" + $(".swiper-wrapper").height())
}
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4830/viewspace-2815722/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- [需求建議]問答外掛(外掛需求)
- [需求建議]外掛建議:建議出一個時間軸外掛
- 配置vim外掛遇到youcompleteme外掛問題解決方案
- 解決Nessus外掛更新失敗問題
- swiper外掛 縱向內容超出一屏解決辦法
- gulp外掛解決瀏覽器快取問題瀏覽器快取
- [需求建議]圖片牆外掛(外掛需求)[已完成]
- 解決vscode安裝golang外掛(windows)問題VSCodeGolangWindows
- 外掛失效問題
- [需求建議]外掛外部url控制器直接使用外掛配置
- SQL Server常見問題介紹及快速解決建議SQLServer
- [需求建議]前臺個人中心外掛開發需求建議。
- Chrome安裝sci-hub外掛遇到的問題解決方法Chrome
- [需求建議]禮包、新手卡、積分兌換外掛(外掛需求)
- Flutter小知識--外掛開發建議Flutter
- [需求建議]加強版評論外掛
- 建立更好jQuery外掛的10個建議jQuery
- [文件教程]解決sae下文件縮圖上傳問題及外掛上傳問題
- swiper常見問題
- Spring data jpa 外掛開發——解決規範和效率問題Spring
- Eclipse 安裝 Axis2外掛失敗問題解決方案Eclipse
- 建議把datetimePicker改成jquery的外掛jQuery
- 【能力提升】SQL Server常見問題介紹及快速解決建議SQLServer
- ERP應用過程常見問題及解決建議(轉)
- Python Requests庫文件連結404問題解決及防止重複問題的建議Python
- YouCode:更快地解決程式設計問題的vscode外掛程式設計VSCode
- 微信小程式 – 解決騰訊視訊外掛—視訊只能播放廣告問題微信小程式
- 從根本解決jenkins無法下載外掛ssl證書問題Jenkins
- 【必須知道的JavaScript庫】 - 解決95%問題的工具外掛/庫 - 1JavaScript
- 解決在ubuntu 上安裝 the Cisco AnyConnect client(vpn外掛)的問題Ubuntuclient
- 使用maven-shade-plugin外掛解決spark依賴衝突問題MavenPluginSpark
- 關於react-native封裝外掛--swiperReact封裝
- 解決內、外網同時訪問問題
- ES外掛常見問題
- 10條建議讓你建立更好的jQuery外掛jQuery
- 【OracleEBS】 訂單暫掛問題sql解決OracleSQL
- 解決eclipse中svn外掛總是提示輸入密碼的問題Eclipse密碼
- [外掛擴充套件] 已安裝外掛板塊問題套件