Draggable ScrollTop Question

[Larc 0 Likes (Newbie)]

Hello everyone. 

 

Is it possible to use scrollTop not show scroll? 

 

something like overflow-y: hidden;

[GreenSock 18,278 Likes (Superhero)]

Sure, just make sure you set overflow-y inline after you create the Draggable because by default Draggable will automatically set that value according to its type. Here's a simple way (after you create the Draggable):

TweenLite.set("#scroller", {overflowY:"hidden"});

I'm curious why you'd want to use scrollTop instead of just using "y" and setting overflow:hidden. 

[Larc 0 Likes (Newbie)]

Hi thanks for replying. 

 

the solution you give me is great, but to hide the scroll using scroll with the mouse wheel is disabled. 

[Larc 0 Likes (Newbie)]

I found the solution. 

 

The problem: 

Hiding the scroll bar with some method like: 

 

CSS: 

overflow-y: hidden; 

 

 

GSAP: 

TweenLite.set ("# scroller", {overflowY: "hidden"}); 

 

The event mouse wheel stops working. 

 

The solution is to revive the event with something like: 

 

$ event.props.push ("wheelDelta").; 
$ ('Element'). On ('mousewheel DOMMouseScroll', function (e) {
var delta = e.wheelDelta | |-e.detail; 
this.scrollTop + = (delta <0 1: -1) * 30; 
e.preventDefault (); 
}); 

 

this with the help of jQuery.

[Rodrigo 5,089 Likes (Superhero)]

Glad that you work it out and thanks for sharing the solution!!

 

Not everyday you come across a browser hack that doesn't involve IE 

 

Rodrigo.