Page 1 of 1
[SOLVED]Scrollbar help
Posted: Tue Nov 01, 2011 7:05 pm
by iselinarnesen
I want to add a scrollbar to
http://www.terningenarena.no/index.php?page=historikk that is compatible with safari and apple devices. The current one does not show in Safari. I dont have much knowledge outside css/html.
Does anyone know how I can do this?
Iselin
Re: Scrollbar help
Posted: Wed Nov 02, 2011 1:23 am
by Wishbone
Internal scrollbars don't show on Apple handheld devices, but the pane does scroll, with two (three?) finger dragging, but the users don't know that it is there.
Install a jquery scrollbar replacement plugin. Here's one that I have used before:
http://manos.malihu.gr/tuts/jquery_cust ... llbar.html
Here's a list of 9 others:
http://www.net-kit.com/jquery-custom-scrollbar-plugins/
Re: Scrollbar help
Posted: Wed Nov 02, 2011 11:16 am
by iselinarnesen
Thanks for your answer.
I would love to install a jquery scrollbar like that. I dont have any experienze wtih jquery and hope you can give me some directions on how I can do this?
css and html attached.
Re: Scrollbar help
Posted: Wed Nov 02, 2011 3:06 pm
by Wishbone
The best way is to follow the directions on their site:
http://manos.malihu.gr/jquery-custom-content-scroller
Re: Scrollbar help
Posted: Thu Nov 03, 2011 1:38 pm
by iselinarnesen
If I understanfd it correctly, I only have to add some code to the hmtl and css? I dont need to download anything to the server?
Re: Scrollbar help
Posted: Thu Nov 03, 2011 3:02 pm
by Wishbone
You need to download the plugin(s) as well.... Look at the <__script__ src= lines.. The ones going to
http://ajax.googleapis.com don't have to be downloaded, but the others need to exist on your server.
Look at the demo, do a "view source".. Read the instructions and options, upload the demo and the plugins on your server, play around with it. Once you have it figured out, implement it on your site.
Also do a Google search for "jquery tutorial"... It's pretty simple and adds a lot of nice functionality to your sites.
Re: Scrollbar help
Posted: Thu Nov 03, 2011 11:36 pm
by iselinarnesen
Thanks:) Played around today just to get an idea of how it can work.
I want it to work on this page:
http://gaianation.org/om-meg
As you can see, something is not right and I dont know what it is.
Where do you upload the download files on your server?
I tried to do it as instructed here:
http://manos.malihu.gr/jquery-custom-content-scroller.
I will attach css/html and I hope you can see if there is anything I am missing there.
Iselin
Re: Scrollbar help
Posted: Thu Nov 03, 2011 11:41 pm
by Wishbone
Were you able to get the demo to work on your server?
Re: Scrollbar help
Posted: Fri Nov 04, 2011 10:52 am
by iselinarnesen
Yes it does:)
Re: Scrollbar help
Posted: Fri Nov 04, 2011 11:07 am
by iselinarnesen
No, I misunderstood. I only tried to do it on the webpage, and as you can see it is not working.