我試圖做這個東西，例如，在 FullPage.js 網站的第一部分有三張幻燈片。在默認設定下，左右都有控制箭頭，沒關系。但是，我想讓這個箭頭只出現在移動版網站上。例如，在桌面上沒有幻燈片，只有第一個包含所有資訊，而在移動設備上有 3 張幻燈片，以便我可以導航。我怎樣才能做到這一點？
我知道有“controlArrows：false”選項，但我只想在桌面上禁用 controlArrows！
我正在使用 fullpage.js jquery
uj5u.com熱心網友回復：
要么隱藏它們
@media (min-width:641px) {
.fp-controlArrow: display: none
}
或測驗
controlArrows: window.matchMedia("(max-width: 700px)"),
uj5u.com熱心網友回復：
第一個解決方案是獲取類名并設定一個 meda 查詢以僅在特定寬度上顯示它們
@media(min-width:768px){
display: none
}
還有一個像下面這樣的js解決方案
function myFunction(x) {
if (x.matches) { // If media query matches
$('#navigation').css('display', 'none');
} else {
$('#navigation').css('display', '');
}
}
var x = window.matchMedia("(min-width: 768px)")
myFunction(x) // Call listener function at run time
x.addListener(myFunction) // Attach listener function on state
changes
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/443371.html
標籤：javascript html jQuery css fullpage.js
下一篇：在不重繪頁面的情況下制作crud