Discussions
Read on for the latest updates including:
• Agenda Builder launch
• SuiteWorld On Air registration
• New NetSuite Prompt Studio Contest
• And more!
Check out this thread to 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);