Nice Scroll (free)

Adendum · Post by **Adendum** » Wed May 29, 2013 8:47 pm

Nicescroll is a jquery plugin created by InuYaksa (original code), for nice scrollbars with a very similar ios/mobile style. Supports DIVs, IFrames, textarea, and document page (body) scrollbars.

NiceScrollScreenGrab.jpg

Which means you can totally style your browser scrollbars and you can create scrollable DIV areas with a few mouse clicks.

Rob · Post by **Rob** » Wed May 29, 2013 9:29 pm

Dumb question - where is the url added for the iframe option?

haakoo · Post by **haakoo** » Thu May 30, 2013 8:33 am

"Nice"

Hans

haakoo · Post by **haakoo** » Thu May 30, 2013 9:05 am

One thing Paul,

In the help put in the fact that people need to put the wb_ prefix for a layer usage
Since the script has the prefix build in.

Hans

stamjoe · Post by **stamjoe** » Thu May 30, 2013 9:56 am

Whoaw!!!
Nice man!!! Very usefull.
Thanks
Joe

Adendum · Post by **Adendum** » Thu May 30, 2013 10:11 am

IeMS wrote:Dumb question - where is the url added for the iframe option?

Yup.

Just add your iframe as normal.

Adendum · Post by **Adendum** » Thu May 30, 2013 10:13 am

haakoo wrote:One thing Paul,

In the help put in the fact that people need to put the wb_ prefix for a layer usage
Since the script has the prefix build in.

Hans

Not following you. The wb_ prefix is pre-coded in the extension, so users don't have to specify that. Am I missing something?

stamjoe · Post by **stamjoe** » Thu May 30, 2013 10:47 am

Paul hello,
the Help file dosent exist at your site!!!
Please check it out!
Thanks
Joe

Adendum · Post by **Adendum** » Thu May 30, 2013 10:57 am

It's there now. But it was in the extension.

stamjoe · Post by **stamjoe** » Thu May 30, 2013 11:06 am

Ok i downloade it but there is nothing about how can i add the text to it.
How can i do it?
I have a text and i have add the extension to the page but still i see the text as simple text...
Please help.

Adendum · Post by **Adendum** » Thu May 30, 2013 11:07 am

Adendum wrote:
haakoo wrote:One thing Paul,

In the help put in the fact that people need to put the wb_ prefix for a layer usage
Since the script has the prefix build in.

Hans
Not following you. The wb_ prefix is pre-coded in the extension, so users don't have to specify that. Am I missing something?

Yup I had missed something! Updated the help file! New version on my server now and about to upload a new version to Extension Manager.

haakoo · Post by **haakoo** » Thu May 30, 2013 11:10 am

@Paul,

Layers don't use the prefix so if you want to address it as a div(which it is),
people need to put wb_ in front of the ID to make the scroll being applied to it

Hans

**edit** Just saw your post but leave this post for explanatory purposes

Adendum · Post by **Adendum** » Thu May 30, 2013 11:16 am

stamjoe wrote:Ok i downloade it but there is nothing about how can i add the text to it.
How can i do it?
I have a text and i have add the extension to the page but still i see the text as simple text...
Please help.

I have added some more info to the help file. Either download version 1.0.0.1 or check out the help file from the demo.

haakoo · Post by **haakoo** » Thu May 30, 2013 11:23 am

To make it apply to a DIV (Text / Layer / TextArea ):

Make sure the overflow properties is set to HIDDEN
Default is NONE but then you cannot resize the div(height/width)

Steps are
-put in large text>set overflow to hidden>resize the textbox with mouse>set the id in the extension properties>done

Hans

Adendum · Post by **Adendum** » Thu May 30, 2013 11:24 am

haakoo wrote:@Paul,

Layers don't use the prefix so if you want to address it as a div(which it is),
people need to put wb_ in front of the ID to make the scroll being applied to it

Hans

**edit** Just saw your post but leave this post for explanatory purposes

Sorry haakoo I am still not getting what you are saying. If you mean layers as in the layer object then the extension doesn't support the scrolling of a layer - just the page body, DIV areas, iFrames etc...stuff that can have some part of it hidden (overflow hidden)

haakoo · Post by **haakoo** » Thu May 30, 2013 11:28 am

Paul

Put Layer1 on stage>put big object/text on it>rename Layer1 to wb_Layer1>set overflow to hidden>resize the layer smaller> Put Layer1 in extension(div)properties
Now you can scroll a layer

Hans

Adendum · Post by **Adendum** » Thu May 30, 2013 11:28 am

Adendum wrote:Sorry haakoo I am still not getting what you are saying. If you mean layers as in the layer object then the extension doesn't support the scrolling of a layer - just the page body, DIV areas, iFrames etc...stuff that can have some part of it hidden (overflow hidden)

lol...the penny just dropped! Got what you are saying...........! Doh!!

Will update the help file again and upload 1.0.0.2 to Extension Manager.

Adendum · Post by **Adendum** » Thu May 30, 2013 11:44 am

Adendum wrote:Will update the help file again and upload 1.0.0.2 to Extension Manager.

New help file on my server and new version in Extension Manager (1.0.0.2).

Thanks haakoo!

haakoo · Post by **haakoo** » Thu May 30, 2013 11:48 am

Okididadoky or

Hans

Rob · Post by **Rob** » Thu May 30, 2013 12:23 pm

Forgive me for ask but before I jump in with trial and error let me ask - I have an iframe inside a layer (overflow - hidden) currently on my site. Do I change the object id of the layer or the object id of the iframe to include wb_ and then use the same id (less wb_) as the id of the div in your extension?

Secondary question - if it is the layer id that is used (not the iframe), do I need to hide the scrollbar from within the properties of the ifame (so that there are not 2 scrollbars)?

One last question - does it matter where, or in what order the extension is placed? IE - does it need to go behind everything?

Thank you for your time. Have you had a change to test an iframe on your iPad yet? Curious if it works before I jump in.

haakoo · Post by **haakoo** » Thu May 30, 2013 12:31 pm

Rob,

To use it for the iframe,you need to use the page properties in the extension placed on the subpage(
the one you want to load in the main page containing the iframe)
The div props are for the other objects on the mainpage

Hans

Adendum · Post by **Adendum** » Thu May 30, 2013 12:32 pm

IeMS wrote:I have an iframe inside a layer (overflow - hidden) currently on my site. Do I change the object id of the layer or the object id of the iframe to include wb_ and then use the same id (less wb_) as the id of the div in your extension?

Depends on which one you want to scroll.
If the layer needs to scroll change the layer ID to include wb_
If the iFrame needs to scroll place the extension in the page that the iFrame calls and set just the page configuration.
If both need to scroll do both.

IeMS wrote:Secondary question - if it is the layer id that is used (not the iframe), do I need to hide the scrollbar from within the properties of the ifame (so that there are not 2 scrollbars)?

Depends on how much content will display in the iFrame.
If there is more content than the space you allocated in the iFrame you'll need the iFrame to scroll - see above.

IeMS wrote:One last question - does it matter where, or in what order the extension is placed? IE - does it need to go behind everything?

The extension can go anywhere.

IeMS wrote:Thank you for your time. Have you had a change to test an iframe on your iPad yet? Curious if it works before I jump in.

Not yet...have you?

Rob · Post by **Rob** » Thu May 30, 2013 1:16 pm

To be more specific, the iframe I currently have is calling info from an external webpage (a wp.com blog) and is currently scrolling. it's on the blog page of my site. It is inside a layer where the overflow is set to hidden. It currently renders in iPad ok (no overflow) but Apple's configuration prevents it from being scrollable like it can on an android device.

In this situation, SHOULD I set the div to be the layer or the iframe? I only want 1 scrollbar but I am not sure which needs to be used over the other in this case.

Adendum · Post by **Adendum** » Thu May 30, 2013 1:25 pm

Rob,

As the page you are calling in is EXTERNAL you can only affect the layer.

Why don't you just install the extension and experiment with it.

jordan · Post by **jordan** » Fri May 31, 2013 1:09 pm

TNX for your index update mail Paul, like like this extension:)

haakoo · Post by **haakoo** » Tue Jun 04, 2013 9:38 am

@Paul,

Would you be so kind to change in the page part of the script from $("html") to $("body")

Did some testing and this seems to work better.

Hans

BaconFries · Post by **BaconFries** » Tue Jun 04, 2013 10:38 am

@haako at the moment Paul is unavailable to make any changes, this is due to him being on vacation, from another thread he wont be back till the 21st of this month.

haakoo · Post by **haakoo** » Tue Jun 04, 2013 11:13 am

Vacation what's that??

Hans

BaconFries · Post by **BaconFries** » Tue Jun 04, 2013 1:10 pm

Hans it were you are supposed to put down the mouse close the PC down and not open again for two weeks lol but never happens for me..lol

haakoo · Post by **haakoo** » Tue Jun 04, 2013 1:50 pm

Ssst don't tell the wife

Hans

diemer · Post by **diemer** » Sun Jun 09, 2013 5:35 am

Hello everyone ...
The first is to thank for this extension ... it was much needed because the default scroll ... is VERY UGLY, lol.

I know nothing of programming and maybe this is a stupid question, but I want to nice scroll within a jQuery tabs ... the steps I've done have been

create the tab
create the largest layer, placing hidden and before the name wb_
in nicescroll options within configuration div ... collection ... the name of the layer with wb_ also have tried without the wb_

but it does not work .. do not get the scroll

case can not be put into the tap .... the thing is that if I put it out it does not work .... and if I delete the tab ... it does not work.

I do wrong?? I have the latest update that just downloaded the extension manager ...

I feel so many words, and my bad English .... Spanish mistranslated.

Thanks to all

EDIT:

I put the layer and nicescroll in a new page ... and there if I work ...

I do not understand ... Will not be put nicescrollo and taps on the same page??

Thanks again

haakoo · Post by **haakoo** » Sun Jun 09, 2013 9:40 am

Adendum,the creator of this ext. is currently on vacation and cannot answer any questions.
But my request(some post up) should resolve the problem you are having

Hans

Adendum · Post by **Adendum** » Fri Jun 21, 2013 7:57 pm

haakoo wrote:@Paul,

Would you be so kind to change in the page part of the script from $("html") to $("body")

Did some testing and this seems to work better.

Hans

Haakoo,

I'm back.....but it was hardly a vacation. Property problems in the middle of nowhere in Spain. Very tedious!

Anyway, either drop me a line via email or expand on this and I'll get to it ASAP.

haakoo · Post by **haakoo** » Fri Jun 21, 2013 8:04 pm

Sorry to hear about the not so much a vacation vacation .

Had the nicescroll applied within the cms and found the content didn't show-up.
After altering the html part to body it worked like a charm.
Also in normal wb pages I found that body did work all the time and html on and off.

Hans

haakoo · Post by **haakoo** » Fri Jun 21, 2013 9:17 pm

Paul

See attached .wbs file

If you preview you see the scroll items but no content
Now edit the html file in your preview folder(or win temp)
and change the $('html") into $("body")
test it and you'll see what I mean.

Hans

zinc · Post by **zinc** » Tue Jun 25, 2013 2:37 pm

Hi Paul;

Is there any update on this extension?

Cheers
B

Adendum · Post by **Adendum** » Tue Jun 25, 2013 2:57 pm

Just uploaded version 1.0.0.3.

zinc · Post by **zinc** » Tue Jun 25, 2013 2:59 pm

Adendum wrote:Just uploaded version 1.0.0.3.

Diamond G!!!!

haakoo · Post by **haakoo** » Tue Jun 25, 2013 6:50 pm

Thanks Paul.

Hans

Adendum · Post by **Adendum** » Thu Sep 12, 2013 8:42 am

alexm66 wrote:hello, I'd like to download your beautiful extensions ...... from where you download? I went to your site but I did not understand ... .

thanks

You use WWB's extension manager, so you download and install while in WWB

Adendum · Post by **Adendum** » Wed Jan 22, 2014 12:18 pm

Can't help you on that as I ony use a PC and create extensions using PC tools supplied by Pablo...so you'll have to ask Pablo about that.

zinc · Post by **zinc** » Tue Feb 18, 2014 3:10 pm

Paul;
A silly question, is there any way to set the colour for the rail of the scrollbar? See attached,

Adendum · Post by **Adendum** » Tue Feb 18, 2014 4:17 pm

v1.0.0.4 released.

Demo updated

Help file updated.

And users of WWB8 will probably not be able to use it now as I updated using EB4.2.

Nomad Soul · Post by **Nomad Soul** » Tue Dec 09, 2014 3:32 pm

Hi Adendum

I am using WB10 with Nice Scroll v1.0.0.4 and everything is working except for layers.

I've created a test page below where you can see the scroll bar appears for the text object and the iframe but its not working on the layer.

I followed the help PDF and changed the name of the layer to wb_Layer1 and used this name in the DIV configuration but it still doesn't work.

Thanks

Adendum · Post by **Adendum** » Tue Dec 09, 2014 4:05 pm

It was built for WWB9. If it doen's do what you need in WWB10 there is little I can do about that at the moment. Far too much work to do sorry. However, Zinc also uses Nice Scroll and WWB10 and I sent him all my raw files to create a version of Nicescroll for WWB10 - maybe he could supply a working extension for you. I wont have the time to get around to this (or any extension updates) for a couple of months at least.

Nomad Soul · Post by **Nomad Soul** » Tue Dec 09, 2014 6:11 pm

Ok thanks

This is not a disaster as I can still use an iframe inside a layer but it would have been nice to keep everything tidy just using the layer.

I will wait to see if Viper posts a version which works in WB10.

Adendum · Post by **Adendum** » Tue Dec 09, 2014 6:47 pm

Zinc not Viper

naftalina · Post by **naftalina** » Sun Dec 14, 2014 6:03 am

Hi, Adendum

I was many times on your website, but I never managed to find where to download extensions?!

Adendum · Post by **Adendum** » Sun Dec 14, 2014 8:08 am

You don't download them from my site - my site is just demos. You install the extensions through WWB - go to Tools>Extension Manager.

naftalina · Post by **naftalina** » Sun Dec 14, 2014 8:21 am

Thanks