htmljssor

Displaying a jssor slider at the top?


I cannot seem to find the answer on here for putting a jssor slider right at the top of a page. It is by default set to:

<div style="position:absolute;top:0px;left:0;width:100%;height:100%;overflow:hidden;">

It works if I use top:-100px; but that only works for some resolutions.


Solution

  • I think you can insert the slider in a container, you can specify css to position the container.

    <html>
    <body>
        <div style="position:absolute;top:0;left:0...">
            <!-- insert jssor slider here -->
        </div>
    </body>
    </html>