Discussions
Stay up-to-date with the latest news from NetSuite. You’ll be in the know about how to connect with peers and take your business to new heights at our virtual, in-person, on demand events, and much more.
Now is the time to ask your NetSuite-savvy friends and colleagues to join the NetSuite Support Community! Refer now! Click here to watch and learn more!
CSS Help - Page jumping to image
My website is www.bird-supplies.net. The problem I am having is when you click on the arrow to go to the next picture in the image carousel the page jumps to put the image at the top of the page. I don't want this to happen. What do I need to change in this code?
CSS:
.carousel-wrapper{
height:250px;
position:relative;
width:450px;
margin:0 auto;
}
.carousel-item{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
padding:25px 50px;
opacity:0;
transition: all 0.5s ease-in-out;
}
.arrow{
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 12px;
}
.arrow-prev{
left:-30px;
position:absolute;
top:50%;
transform:translateY(-50%) rotate(135deg);
0