cuốn sách gpt4 ai đã làm

Làm cách nào để đặt cài đặtlick.js dựa trên kích thước cửa sổ của tôi (máy tính để bàn, máy tính bảng, điện thoại)?

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-03 19:57:53 32 4
mua khóa gpt4 Nike

Tôi có một loạt các div HTML tùy chỉnh. Tôi sẽ bao gồm 3 được lưu trữ trong một cầu trượt trong div của lớp. Sau đó tôi sử dụng lớp slide đó để gọi bóng mượt chức năng và áp dụng các cài đặt sau:

$('.slide').slick({

slideToShow: 3,
slideToScroll: 1,
mũi tên: đúng,

});

Dành cho ai chưa biết thì đây slick.js .

Tại thời điểm này, toàn bộ giao diện người dùng của tôi trông như thế này:

nhập mô tả hình ảnh ở đây

Chúng trông ổn khi ở chế độ toàn màn hình, nhưng khi tôi giảm kích thước cửa sổ thì chúng trông rất tệ. Tôi đang nghĩ đến việc thiết lập các cài đặt mượt mà dựa trên kích thước cửa sổ của mình. Ví dụ,

Nếu kích thước cửa sổ = đầy đủ HOẶC 1080px {
$('.slide').slick({

slideToShow: 3,
slideToScroll: 1,
mũi tên: đúng,

});

}

khác nếu kích thước cửa sổ = trung bình hoặc 720px {
$('.slide').slick({

slideToShow: 2,
slideToScroll: 1,
mũi tên: đúng,

});


}khác{


// Cái này dành cho điện thoại

$('.slide').slick({

slideToShow: 1,
slideToScroll: 1,
mũi tên: đúng,

});
}

Cách hiệu quả nhất để đạt được mục tiêu như vậy là gì?

đây là của tôi JSFiddle .

câu trả lời hay nhất

theotài liệu chính thức , có thể rất đơn giản.

$('.response').slick({
dấu chấm: đúng,
vô hạn: sai,
tốc độ: 300,
slideToShow: 4,
slideToScroll: 4,
đáp ứng: [
{
điểm dừng: 1024,
settings: {
slideToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slideToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slideToShow: 1,
slidesToScroll: 1
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});

关于javascript - 如何根据我的窗口大小(台式机、平板电脑、手机)设置 slick.js 设置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29403522/

32 4 0
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress