У меня на странице гладкий слайдер, и у меня есть его настройка в качестве тикера. Он настроен как отзывчиво, поэтому он показывает различное количество слайдов в разных точках останова. Кажется, все работает нормально, но когда вы изменяете размер окна браузера и пересекают одну из этих точек останова, все становится нервным. Слайды прыгают назад и вперед, вместо того, чтобы бегать гладко, как перед изменением размера.$('.ticker').slick({
slidesToShow: 2,
slidesToScroll: 1,
infinite: true,
autoplay: true,
autoplaySpeed: 0,
speed: 3000,
cssEase:'linear',
arrows: false,
dots: false,
pauseOnHover: false,
pauseOnFocus: false,
swipe: false,
swipeToSlide: false,
mobileFirst: true,
responsive: [
{
breakpoint: 600,
settings: {
slidesToShow: 3,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 4,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 5,
}
},
{
breakpoint: 1200,
settings: {
slidesToShow: 6,
}
},
{
breakpoint: 1440,
settings: {
slidesToShow: 7,
}
}
]
});
Подробнее здесь: https://stackoverflow.com/questions/797 ... dow-resize
Slick Slider Ticker становится нервным после изменения размера окна ⇐ Javascript
Форум по Javascript
-
Anonymous
1752867464
Anonymous
У меня на странице гладкий слайдер, и у меня есть его настройка в качестве тикера. Он настроен как отзывчиво, поэтому он показывает различное количество слайдов в разных точках останова. Кажется, все работает нормально, но когда вы изменяете размер окна браузера и пересекают одну из этих точек останова, все становится нервным. Слайды прыгают назад и вперед, вместо того, чтобы бегать гладко, как перед изменением размера.$('.ticker').slick({
slidesToShow: 2,
slidesToScroll: 1,
infinite: true,
autoplay: true,
autoplaySpeed: 0,
speed: 3000,
cssEase:'linear',
arrows: false,
dots: false,
pauseOnHover: false,
pauseOnFocus: false,
swipe: false,
swipeToSlide: false,
mobileFirst: true,
responsive: [
{
breakpoint: 600,
settings: {
slidesToShow: 3,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 4,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 5,
}
},
{
breakpoint: 1200,
settings: {
slidesToShow: 6,
}
},
{
breakpoint: 1440,
settings: {
slidesToShow: 7,
}
}
]
});
Подробнее здесь: [url]https://stackoverflow.com/questions/79706658/slick-slider-ticker-gets-jittery-after-window-resize[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия