Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 370 Просмотров
*

warlocksp

  • Завсегдатай
  • 1198
  • 17 / 4
Добрый день,
подскажите пожалуйста,

Стоит (bootstrap, owl-carousel2, scrollify):
Код
<link rel="stylesheet" href="/css/bootstrap.min.css" />
<link rel="stylesheet" href="/css/owl.carousel.min.css" />
<link rel="stylesheet" href="/css/owl.theme.default.min.css" />
<script src="/js/jquery.scrollify.js"></script>
<script src="/js/owl.carousel.min.js"></script>
<script src="/js/jquery.mousewheel.min.js"></script>

Стандартная верстка bootstrap.
Для прокрутки "<section>" использую jquery.scrollify.js

В одном из блоков стоит слайдер, прокрутка с помощью мышки, использую "jquery.mousewheel.min.js":
Код
<section id="block2" class="section" section-name="block2">
<div class="container">
<div class="row">

<div class="col-md-12 col-sm-12 col-xs-12">
<ul class="owl-carousel owl-theme">
<li class="item"><img src="/images/slider-images/slider-images1.jpg" alt="" /></li>
<li class="item"><img src="/images/slider-images/slider-images2.jpg" alt="" /></li>
<li class="item"><img src="/images/slider-images/slider-images3.jpg" alt="" /></li>
<li class="item"><img src="/images/slider-images/slider-images4.jpg" alt="" /></li>
<li class="item"><img src="/images/slider-images/slider-images5.jpg" alt="" /></li>
</ul>
</div>

</div>
</div>
</section>

Вопрос:
При прокрутки секций "section", дойдя до секции со слайдером (<section id="block2") - остановилась, прокрутила слайдер до конца, а после пошла прокрутка секций - ?
Все действие выполняется прокруткой мышки.
« Последнее редактирование: 18.08.2021, 11:41:20 от warlocksp »
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
*

warlocksp

  • Завсегдатай
  • 1198
  • 17 / 4
Re: Прокрутка слайдрера в scrollify?
« Ответ #1 : 27.09.2021, 12:58:50 »
Код
<script type="text/javascript">
    display = document.getElementById(id).style.display;
    if(display=='none'){
       document.getElementById(id).style.display='block';
       jQuery.scrollify.disable();
    }else{
       document.getElementById(id).style.display='none';
       jQuery.scrollify.enable();
    }
</script>
Мудр не тот, кто знает много, а тот, чьи знания полезны. Эсхил
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

CSS - Прокрутка контента во всплывающем окне

Автор john.deff

Ответов: 2
Просмотров: 1383
Последний ответ 13.09.2016, 20:20:48
от john.deff
Прокрутка содержимого на право и лево

Автор Ildan37

Ответов: 4
Просмотров: 1057
Последний ответ 24.11.2015, 23:52:43
от robert
Плавная прокрутка страницы колесиком

Автор Lex9207

Ответов: 12
Просмотров: 7521
Последний ответ 06.11.2015, 09:05:47
от Alldar
Слайдер изображений: циклическая прокрутка

Автор AlekVolsk

Ответов: 16
Просмотров: 5524
Последний ответ 07.11.2014, 22:38:06
от Fedor Vlasenko
[Решено] Прокрутка на JQ

Автор AlekVolsk

Ответов: 11
Просмотров: 1740
Последний ответ 26.10.2014, 18:18:18
от AlekVolsk