Question

I’ve built this website based off a template where you drag to scroll through the photos but due to a change of requirements I need to change it so you just scroll a mouse wheel to scroll like normal website do.

Any idea from the code how this is done?

Not even sure if it’s wholly CSS or JS.

http://www.replyonline.co.uk/DirectionGroup/xmas/index.php

Thanks,
Tim

Answer 1

It’s using JavaScript – specifically jQuery Kinetic by the looks of it.

If you turn off JavaScript (or remove the script from the page), it scrolls like a ‘normal’ page.

EDIT :

Outside of the Kinetic plugin (didn’t look where), the script is changing the overflow CSS to hidden; this needs to remain as scroll, as per the inital state of the page sans JavaScript.

.ib-main-wrapper {
    bottom: 24px;
    left: 18px;
    overflow: scroll;
    position: absolute;
    top: -98px;
    margin-top: 115px;
    outline: medium none;
    width: 100%;
}