我有一个完整的猫头鹰轮播页面,我试图弄清楚如何直接从单击菜单链接转到特定的猫头鹰轮播幻灯片。例如,单击/#section2链接需要将我带到轮播的第2部分。
我尝试了一些在Google上找到的代码,但似乎没有任何效果。
<div class="process-carousel">
<section class="light-wrapper fullscreen">
<div class="col-md-9 content v-align-transform">
</p>
<div id="section1">
content here
</div>
<p>
</div>
</section>
<section class="bg-secondary fullscreen">
<div class="col-md-9 content v-align-transform">
<div id="section2">
content here
</div>
</span><br />
</div>
</section>
<section class="light-wrapper fullscreen">
<div class="col-md-9 content v-align-transform">
<div id="section3">
content here
</div>
</div>
</section>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.process-carousel').owlCarousel({
nav: true,
navText: ["","<i class='ti-angle-right'>"],
dots: false,
center: true,
loop:true,
responsive:{
0:{
items:1
}
}
});
});
</script>