i am using Carousel (Slider) when i click on next and prev buttons it add hashtag #cptbc_105 at end of url i want to remove this , the carousel little jump i don't know why this happen page go to up when i click on next button.
Here is url : http://goo.gl/m3BlBU
Please help me, Thanks.
Use the [interval]="'0'" input. This will disable the auto-sliding feature.
The carousel is a slideshow for cycling through a series of content, built with CSS 3D transforms and a bit of JavaScript. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators.
In browsers where the Page Visibility API is supported, the carousel will avoid sliding when the webpage is not visible to the user (such as when the browser tab is inactive, the browser window is minimized, etc.).
It seems that "cptbc_105" is id of your carousel. Page URL changes because you use href="#cptbc_105" on your left and right buttons. Just change "href" attr to "data-target" attr and everyhing will work correctly.
CHANGE:
<a class="right carousel-control" href="#cptbc_105" role="button" data-slide="next">
<span class="sr-only">Next</span>
</a>
TO:
<a class="right carousel-control" data-target="#cptbc_105" role="button" data-slide="next">
<span class="sr-only">Next</span>
</a>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With