live demo
Home arrow Support arrow Forum
Welcome, Guest
Please Login or Register.    Lost Password?
Scrolling in Scroller (1 viewing) (1) Guest
Go to bottom Post Reply Favoured: 0
TOPIC: Scrolling in Scroller
#966
Scrolling in Scroller 8 Months ago Karma: 0  
Hello again,



Is it possible to get the central window to scroll? For example, if I have text that flows down the page, can I scroll down it?



Regards,





T
tomfox (Visitor)
Posts: 0
graphgraph
User Offline Click here to see the profile of this user
Birthdate:
Report to moderator   Logged Logged  
 
The administrator has disabled public write access.  
#993
Re:Scrolling in Scroller 8 Months ago Karma: 0  
I would like to know if this is possible too. If not I may not be able to use this template.
orhan (User)
Fresh Bamboo
Posts: 4
graphgraph
User Offline Click here to see the profile of this user
Report to moderator   Logged Logged  
 
The administrator has disabled public write access.  
#995
Re:Scrolling in Scroller 8 Months ago Karma: 19  
Hi there,



Sorry I missed this post.



The easiest way to do this is with some inline html/css. You need to create your content item or module and put it all in a new div that has the css attribute overflow:auto applied to it.



So the css might look something like this:



Code:

#mycontent { overflow:auto; height:300px }
And the html like this:
Code:

This is my content
I havent tested this but Im sure it would work since its pretty basic html. You just need to make sure the height of #mycontent is equal to or a little less that the height of the scroller template container. Im actually working on an implementation for a mooscroller at the moment that allows you to use mootools to create the scrollbar and so you can modify the look via css. Using the above method generates the standard (read ugly) scroll bars that your browser comes with. Ill post when the new mooscroller is released. Thanks Anthony.
Anthony Olsen (Admin)
Admin
Posts: 1147
graph
User Online Now Click here to see the profile of this user
Joomla Bamboo
Report to moderator   Logged Logged  
 
Creative Unique Minimal Joomla Templates
 
The administrator has disabled public write access.  
#1716
Re:Scrolling in Scroller 4 Months ago Karma: 0  
What I have to write in punctual in the html? Would you write the code down?
bionatur (User)
Junior Bamboo
Posts: 37
graphgraph
User Offline Click here to see the profile of this user
Report to moderator   Logged Logged  
 
The administrator has disabled public write access.  
#1724
Re:Scrolling in Scroller 4 Months ago Karma: 19  
Sure thing.

Just put the following in the html module.

[div class="overflow"]
This is my content
[/div]

change the [ brackets for >

then in the css file you need to put the following css rule:

.overflow {
heightnt
[/div]

change the [ brackets for >

then in the css file you need to put the following css rule:

.overflow {
height:300px;
overflow:auto
}
Anthony Olsen (Admin)
Admin
Posts: 1147
graph
User Online Now Click here to see the profile of this user
Joomla Bamboo
Report to moderator   Logged Logged  
 
Creative Unique Minimal Joomla Templates
 
The administrator has disabled public write access.  
#2019
Re:Scrolling in Scroller 1 Month, 3 Weeks ago Karma: 0  
hi there!

i'm interested too in learing the way to "scroll the scroller" , but i'm not sure to have understood the single steps.

can anyone please write down clearer instructions about what to add and where to add the "extra code (css and html)" you are talking about?

thanks!

Jay
teen (User)
Fresh Bamboo
Posts: 1
graphgraph
User Offline Click here to see the profile of this user
Report to moderator   Logged Logged  
 
The administrator has disabled public write access.  
#2024
Re:Scrolling in Scroller 1 Month, 3 Weeks ago Karma: 19  
Hi Jay,

Yes the forum has stripped out a lot of the code in the example. ill give it another shot.

1. Create anew module in the Joomla backend. In Joomla 1.5 choose custom html for the moduel type.
2. In html mode you need to add the following html markup (replace the square brackets with < and >:

[div class=&quot;overflow]
[p]This is my text.[/p]
[p]This is my text.[/p]
[p]This is my text.[/p]
[p]This is my text.[/p]
[p]This is my text.[/p]
[p]This is my text.[/p]
[p]This is my text.[/p]
[/div]

3. Open your template_css.css file and at the very boti Jay,

Yes the forum has stripped out a lot of the code in the example. ill give it another shot.

1. Create anew module in the Joomla backend. In Joomla 1.5 choose custom html for the moduel type.
2. In html mode you need to add the following html markup (replace the square brackets with < and >:

[div class="overflow]
[p]This is my text.[/p]
[p]This is my text.[/p]
[p]This is my text.[/p]
[p]This is my text.[/p]
[p]This is my text.[/p]
[p]This is my text.[/p]
[p]This is my text.[/p]
[/div]

3. Open your template_css.css file and at the very bottom put the following:

.overflow {
height:300px;
overflow:auto
}


If the height of the text in the overflow container is less than 300px high then the scrollbars wont show, otherwise if it is longer then they will. Just adjust the height of the overflow div ie 300px for your needs.

Thanks Anthony
Anthony Olsen (Admin)
Admin
Posts: 1147
graph
User Online Now Click here to see the profile of this user
Joomla Bamboo
Report to moderator   Logged Logged  
 
Creative Unique Minimal Joomla Templates
 
The administrator has disabled public write access.  
Go to top Post Reply
Powered by FireBoard