[SOLVED]Scrollbar help

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
iselinarnesen

[SOLVED]Scrollbar help

Post 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
Last edited by iselinarnesen on Thu Nov 24, 2011 12:36 pm, edited 1 time in total.
Wishbone
Power Poster
Power Poster
Posts: 1368
Joined: Tue Dec 23, 2008 8:39 pm

Re: Scrollbar help

Post 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/
iselinarnesen

Re: Scrollbar help

Post 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.
Attachments

[The extension txt has been deactivated and can no longer be displayed.]

[The extension txt has been deactivated and can no longer be displayed.]

Wishbone
Power Poster
Power Poster
Posts: 1368
Joined: Tue Dec 23, 2008 8:39 pm

Re: Scrollbar help

Post by Wishbone »

The best way is to follow the directions on their site:

http://manos.malihu.gr/jquery-custom-content-scroller
iselinarnesen

Re: Scrollbar help

Post 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?
Wishbone
Power Poster
Power Poster
Posts: 1368
Joined: Tue Dec 23, 2008 8:39 pm

Re: Scrollbar help

Post 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.
iselinarnesen

Re: Scrollbar help

Post 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
Attachments

[The extension txt has been deactivated and can no longer be displayed.]

[The extension txt has been deactivated and can no longer be displayed.]

Wishbone
Power Poster
Power Poster
Posts: 1368
Joined: Tue Dec 23, 2008 8:39 pm

Re: Scrollbar help

Post by Wishbone »

Were you able to get the demo to work on your server?
iselinarnesen

Re: Scrollbar help

Post by iselinarnesen »

Yes it does:)
iselinarnesen

Re: Scrollbar help

Post by iselinarnesen »

No, I misunderstood. I only tried to do it on the webpage, and as you can see it is not working.
Locked

Return to “Layout and Design (CSS & HTML)”