relative display about itemslide HOT 6 CLOSED

 <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
  <script src="jquery.mousewheel.js"></script>
  <script src="js/ItemSlide.js"></script>

<style>

#scrolling{/*frame*/
position: relative;
top:0;
background:black;/*#FF8383 FF473D*/
height:40%;
width:100%;
overflow: hidden;
}
ul.slideul {
    /*Add if you want to disable the option of selecting the text while sliding*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    padding: 0;
    position: relative;
    /*top:10%;*/
    margin-top:4vh;
    height:80%;
    list-style-type: none;
    -webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
li.slideli {
    font-size:8vmin;/*cool*/
    float: left;
    width:25vw;
    min-width: 250px;
    height: 100%;
    color: #000;
    font-weight: 300;
    text-align: center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    -moz-border-radius: 30px;
    cursor: pointer;
    background: #FFF;
    -webkit-transform:  scale(0.95);
    -ms-transform:  scale(0.95);
    -moz-transform:  scale(0.95);
    transform: scale(0.95);
    -moz-box-shadow: 25px 25px 25px black;
    -webkit-box-shadow: 25px 25px 25px black;
    box-shadow: 25px 25px 25px black;
}

.itemslide-active{/*applied to current active item*/
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    -moz-transform:  scale(1);
    transform: scale(1);

}
</style>

<div id="scrolling">
    <ul class="slideul">
    <li style='background-color: white;' class='slideli'>

    </li>
    <li style='background-color: white;' class='slideli'>

    </li>
    <li style='background-color: white;' class='slideli'>

    </li>
    <li style='background-color: white;' class='slideli'>

    </li>
    </ul>
</div>
<div style='position: relative; background-color: green; height:40%;'>
    test
</div>
<div style='position: relative; background-color: green; height:40%;'>
    test 2
</div>
<div style='position: relative; background-color: green; height:40%;'>
    test 
</div>

<script>
var carousel;
$(document).ready(function () {
    carousel = $("#scrolling ul");
    carousel.itemslide({
        swipe_out: false, //NOTE: REMOVE THIS OPTION IF YOU WANT TO DISABLE THE SWIPING SLIDES OUT FEATURE.
        start:1
    }); //initialize itemslide

    $(window).resize(function () {
        carousel.reload();
    }); //Recalculate width and center positions and sizes when window is resized
});
</script>

html,body{
height:100%; /* w00t */
}