0

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

Tim
  • 2,589
  • 6
  • 34
  • 39

2 Answers2

0

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%;
}
Widor
  • 13,003
  • 7
  • 42
  • 64
  • Just removed the jQuery Kinetic script from the page, it removed the ability to drag but still no scroll Nothing in the CSS for #ib-main-wrapper or #ib-main is it? – Tim Nov 11 '11 at 16:04
0

sounds like you question is based on this

Remove HTML scrollbars but allow mousewheel scrolling

which points to this

How can I disable a browser or element scrollbar, but still allow scrolling with wheel or arrow keys?

Community
  • 1
  • 1
david
  • 4,218
  • 3
  • 23
  • 25