Scroll Bar

Discuss the development and implementation of Joomla! 1.0.x templates here.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Locked
szonkie
Joomla! Explorer
Joomla! Explorer
Posts: 256
Joined: Thu Jul 05, 2007 10:41 am

Scroll Bar

Post by szonkie » Mon Jul 14, 2008 10:59 am

Hi there,

I want to use a scroll bar on my frontpage.
Does anyone know how to do this?

Thanks

User avatar
Colt_45
Joomla! Ace
Joomla! Ace
Posts: 1079
Joined: Tue Jun 20, 2006 10:47 pm
Location: Got some wax?

Re: Scroll Bar

Post by Colt_45 » Wed Jul 16, 2008 6:40 am

You can add the following to your template's stylesheet:

html {
overflow-y: scroll;
}

at least I think that's correct. If not, you should be able to find the answer by G00gling it.

szonkie
Joomla! Explorer
Joomla! Explorer
Posts: 256
Joined: Thu Jul 05, 2007 10:41 am

Re: Scroll Bar

Post by szonkie » Wed Jul 16, 2008 7:47 am

Didn't work, I'll have a snoop around.

Thanks

User avatar
Peter0312
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Thu May 22, 2008 10:15 pm
Contact:

Re: Scroll Bar

Post by Peter0312 » Sun Jul 20, 2008 8:03 am

Code: Select all

.contentpaneopen{
height:yourheight;
overflow-y: scroll;
}
Or change the contentpaneopen to your Div where is the maincontent.

But a better and smoother way to scroll a div is this way>> http://www.joomlaplates.com/demo_server ... /index.php
Professional Joomla Templates | No Club | No Membership required |
http://www.joomlaplates.com

szonkie
Joomla! Explorer
Joomla! Explorer
Posts: 256
Joined: Thu Jul 05, 2007 10:41 am

Re: Scroll Bar

Post by szonkie » Tue Jul 22, 2008 11:20 am

HI copied the code into my css sheet but nothings changed on the template?
The scroller looks good on the link you provided, how do I do one like this?

Also like the gallery component what is it?
Thanks
S

User avatar
Colt_45
Joomla! Ace
Joomla! Ace
Posts: 1079
Joined: Tue Jun 20, 2006 10:47 pm
Location: Got some wax?

Re: Scroll Bar

Post by Colt_45 » Tue Jul 22, 2008 6:44 pm

Where is it that you're trying to add the scrollbar?

Also, a link to your site would be helpful.

User avatar
Peter0312
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Thu May 22, 2008 10:15 pm
Contact:

Re: Scroll Bar

Post by Peter0312 » Tue Jul 22, 2008 7:06 pm

Sorry the URL is not the right one. Here is a zip demo with all scripts:
http://www.joomlaplates.com/mootools_scrollbar.zip
Professional Joomla Templates | No Club | No Membership required |
http://www.joomlaplates.com

szonkie
Joomla! Explorer
Joomla! Explorer
Posts: 256
Joined: Thu Jul 05, 2007 10:41 am

Re: Scroll Bar

Post by szonkie » Wed Jul 23, 2008 7:42 am

Thanks for the scripts Peter will take a look at these later.
Colt I would like a scroll in the main content, here's the link to the site http://www.jamie-boyle.com

Thanks
S

User avatar
Peter0312
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Thu May 22, 2008 10:15 pm
Contact:

Re: Scroll Bar

Post by Peter0312 » Wed Jul 23, 2008 8:47 am

These Scrollbars are only for DIV Container and not for tables... But you have table in your template.. :'(
Professional Joomla Templates | No Club | No Membership required |
http://www.joomlaplates.com

szonkie
Joomla! Explorer
Joomla! Explorer
Posts: 256
Joined: Thu Jul 05, 2007 10:41 am

Re: Scroll Bar

Post by szonkie » Wed Jul 23, 2008 10:11 am

Yeah think I will have to redo it with CSS and get rid of the table...what do you think of the styling so far?

edmundovic
Joomla! Intern
Joomla! Intern
Posts: 83
Joined: Sun Oct 07, 2007 9:53 pm
Location: Lithuania
Contact:

Re: Scroll Bar

Post by edmundovic » Fri Jul 31, 2009 3:05 pm

szonkie wrote:Yeah think I will have to redo it with CSS and get rid of the table...what do you think of the styling so far?
So far so good. Intresting design. What about scrollbar?

fresheris
Joomla! Explorer
Joomla! Explorer
Posts: 290
Joined: Thu Sep 04, 2008 8:25 pm

Re: Scroll Bar

Post by fresheris » Mon Nov 09, 2009 2:59 pm

Hi. i have made like Peter0312 said with css code...on firefox its okey, but on IE, the whole content brokes the page:
Image

Image

css:
.my_style {
height:380px !important;
overflow-y: scroll;
}
why its that??

User avatar
joomfriend
Joomla! Explorer
Joomla! Explorer
Posts: 277
Joined: Sun Feb 08, 2009 5:10 pm
Contact:

Re: Scroll Bar

Post by joomfriend » Tue Dec 08, 2009 7:06 am

Hi.

There are some cross browser compatibility issues in website design (Specially CSS) between Firefox and IE. Some CSS may work in Firefox but not in IE and vice versa or the result might not be the same.
You can get around this problem by defining two css codes in your css file: The one that will work with Firefox and the one that will work with IE or look for a Standard W3C CSS that will work for both Firefox and IE.
- https://www.adelnipet.com: Adelni Pet - Your Social Pet Network
- https://www.egliseprimitive.org: Christian Website

fresheris
Joomla! Explorer
Joomla! Explorer
Posts: 290
Joined: Thu Sep 04, 2008 8:25 pm

Re: Scroll Bar

Post by fresheris » Fri Dec 18, 2009 9:41 pm

for me its working.

User avatar
foXXXi
Joomla! Guru
Joomla! Guru
Posts: 705
Joined: Thu Mar 01, 2007 1:41 pm
Location: south africa
Contact:

Re: Scroll Bar

Post by foXXXi » Fri Feb 04, 2011 9:13 am

im struggling with the same problem :(
www.creative-designs.co.za

I want the height of the entire section with writing etc to be at like 400px
Nothing I do gives me the scroll bar :(
Any ideas?
Samantha Prinsloo
Creative Designs
Website Designer, Graphic Designer
http://www.creative-designs.co.za

dgtebpo
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Fri Mar 11, 2011 6:11 pm

Re: Scroll Bar

Post by dgtebpo » Fri Mar 11, 2011 6:28 pm

foXXXi wrote:im struggling with the same problem :(
http://www.creative-designs.co.za

I want the height of the entire section with writing etc to be at like 400px
Nothing I do gives me the scroll bar :(
Any ideas?
I googled and gooled the subject and only came up with using fleXcroll which would mean adding another jsvascript, CSS, and classes to the template to impement this because there is not plugin available (which I found odd!).

After spending literally 16 hours trying to find a plugin or use a javascript I came up with a simple answer myself. I just created a table and put a div tag inside a cell calling for a scrollbar if the content is over 340 pixels.. here is the code I used:

Code: Select all

<table style="width: 100%;" border="0">
<tbody>
<tr>
<td>
 <div style="overflow: auto; width: 100%; height: 340px;">

/* CONTENT GOES HERE */

</div>
</td>
</tr>
</tbody>
</table>
I did not try just using the div tag without inserting it in a table, but that might work too

After devoting so much time to engineering a solution, I felt silly to say the least, but sometimes the wheel is fine and does not need o be re-invented!

anbu-red
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Mon Mar 15, 2010 1:12 pm

Re: Scroll Bar

Post by anbu-red » Thu May 12, 2011 2:24 pm

I think yours is not working cause you have it in a table


Locked

Return to “Templates & CSS - 1.0.x”