Joomla Templates Club 406,261 posts

[hdegierme Friend hdegiermeJoin date: December 2012Posts: 5Downloads:0Uploads:3]

#183174

Hi!

I am using the onepage scrolling. However, i need the page to scroll not completely to the top of the page, but from 170 pixels from the top.

What do i need to modify to get this working?

URL: http://si.buro210.com

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#476639

Hi Hdegierme,

Can you explain your idea more details? Some screenshots will be better

Regards

[hdegierme Friend hdegiermeJoin date: December 2012Posts: 5Downloads:0Uploads:3]

#476679

Hi HeR0,

Right now the scrolling is 0 pixels from the top. When i click a menu item in the pagenav, it scrolls to the top. However, i need the header to be visible always. The header is about 170 pixels high, so the page should scroll to 170 pixels from the top. If you look at my printscreens you will see what i mean. The page scrolls to far to the top.

---

Attachments:

1. 
2. 

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#476742

Hi,

Please try with solution as below:
1. Open file templatesja_clorisblocksonepage.php and find

if ((i==0 || pagecor.top <= scrolltop+100) && (pagecor.bottom > scrolltop+100)) {
and try change to

if ((i==0 || pagecor.top <= scrolltop+270) && (pagecor.bottom > scrolltop+100)) {

2. Add
.ja-page-content { padding-top: 170px; }
new css rule into template.css

Hope this helps

[hdegierme Friend hdegiermeJoin date: December 2012Posts: 5Downloads:0Uploads:3]

#476827

Tried that, but now i have 170 pixels padding above my content. I only need the scrolling to end 170 pixels from the top. Unfortunately above does not work… Anymore suggestions?

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#476888

Hi,

I just checked and saw that you did not add .ja-page-content { padding-top: 170px; } or you didn’t clean cache .

Regards

[hdegierme Friend hdegiermeJoin date: December 2012Posts: 5Downloads:0Uploads:3]

#476995

I removed it already. When i do this, the modules have a spacing of 170 pixels, does not look good. Is there a way to let the scrolling go from 170 pixels from the top? My modules have a padding top and bottom of 20 pixels. When i make this 170 pixels it does not look like my design…

Hope you can help me!

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#477020

Hi ,

To fix Home module, remove margin-top in css rule below:

#home {
margin-top: 200px;
font-size: 14px;
line-height: 150%;
}

Regards

[Author]

Posts