Как перенаправить в определенный раздел другой html-страницы с совой каруселью - PullRequest
Новая
       39

Как перенаправить в определенный раздел другой html-страницы с совой каруселью

0 голосов
/ 14 июня 2019

Я хочу перенаправить пользователя в определенный раздел HTML-страницы. 

// javascript for owl
$(document).ready(function(){
    $('.owl-two').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
	autoplay:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:3
        }
    }
});
});
<!-- nav-->
<ul class="dropdown-menu">
   <li><a href="salon_services.php#hair">Hair</a></li>
<li><a  href="salon_services.php#nail">Nail</a></li>
   <li><a  href="salon_services.php#wax">Wax</a></li>
</ul>
                  
                  <!-- owl carousel in salon services page-->
                  <div id="nail" class="row" >
		<br>
		<br>
		<h3 class="text-center">Our Nail Services</h3>
		<br>
		<!-- nail carousal-->
		<div class="owl-two owl-carousel owl-theme">
			<div class="item"><img src="images/n1.jpg" alt="Image" class=" img-thumbnail">
			<h4 class="text-center">Manicure</h4>
			</div>			
			<div class="item"><img src="images/n2.jpg" alt="Image" class=" img-thumbnail">
			<h4 class="text-center">Pedicure</h4>
			</div>			
			<div class="item"><img src="images/n3.jpg" alt="Image" class=" img-thumbnail">
			<h4 class="text-center">Nail Painting and Design</h4>
			</div>
			<div class="item"><img src="images/n4.jpg" alt="Image" class=" img-thumbnail">
			<h4 class="text-center">Nail Extensions</h4>
			</div>
			
		</div>

Я хочу перенаправить пользователя непосредственно из nav на другую страницу div, содержащую это содержимое. Страница, на которую я хочу перенаправить, содержит 3 совы-карусели.

Я уже пробовал перенаправить html id. <a href="#id">, но это не работает полностью. Страница ненадолго перенаправляется в раздел, но автоматически прокручивается вверх страницы.

Я использую owl carousel и считаю, что javascript owl является ответственным за это фактором, поскольку я протестировал его с удалением owl, и он работает, также перенаправление id отлично работает, когда выполняется с той же страницы (например, страница i.evices). У меня есть 3 карусели 1. волосы 2. ногти 3. воск Пожалуйста, помогите, я хочу сохранить сову и функцию перенаправления раздела. Спасибо.

1 Ответ

0 голосов
/ 14 июня 2019 

.sec {
  width: 100%;
  height: 100vh;
  background-color: #ccc;
  margin-bottom: 12px;
}
<ul>
  <li><a href="#one">One</a></li>
  <li><a href="#two">Two</a></li>
  <li><a href="#three">Three</a></li>
  <li><a href="#Four">Four</a></li>
</ul>

<div id="one" class="sec">
    <h1>One</h1>
</div>


<div id="two" class="sec">
    <h1>Two</h1>
</div>



<div id="three" class="sec">
    <h1>Three</h1>
</div>


<div id="four" class="sec">
    <h1>Four</h1>
</div>
...