End of Support for Joomla 3 - Forum closed
Jumping to #main-content hides title of article
Jumping to #main-content hides title of article was created by tlr65
Posted 4 years 8 months ago #26053
Dear Support-Team, dear Fellows!
In a module I put a button that shall lead to single article.
1. To create the link I used the article selector at the bottom end of my editor.
Following that link I end up at the top of the page where I have to scroll down to make the article visible.
2. If I add #main-content to the created link the article is visible at once BUT without the title of the article i.e. I need to scroll up to see the title.
As a workaround I might jump to #top-d but row top-d is not empty in my case.
Another workaround is to duplicate the text of the title into the article's content and make the title invisible.
Both workarounds create quite some effort.
Is there another solution? Maybe a fix to the code where target #main-content is implemented?
Best regards
Thomas
In a module I put a button that shall lead to single article.
1. To create the link I used the article selector at the bottom end of my editor.
Following that link I end up at the top of the page where I have to scroll down to make the article visible.
2. If I add #main-content to the created link the article is visible at once BUT without the title of the article i.e. I need to scroll up to see the title.
As a workaround I might jump to #top-d but row top-d is not empty in my case.
Another workaround is to duplicate the text of the title into the article's content and make the title invisible.
Both workarounds create quite some effort.
Is there another solution? Maybe a fix to the code where target #main-content is implemented?
Best regards
Thomas
by tlr65
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic Jumping to #main-content hides title of article
Posted 4 years 8 months ago #26055
Hello,
you can setup the offset like this
<a href="#my-id" data-uk-smooth-scroll="{offset: 90}">...</a>
getuikit.com/v2/docs/smooth-scroll.html
you can setup the offset like this
<a href="#my-id" data-uk-smooth-scroll="{offset: 90}">...</a>
getuikit.com/v2/docs/smooth-scroll.html
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
Replied by tlr65 on topic Jumping to #main-content hides title of article
Posted 4 years 8 months ago #26056
Thank you for this valueable and prompt workaround!
Will you put the fix to your backlog?
Will you put the fix to your backlog?
by tlr65
Please Log in or Create an account to join the conversation.
Replied by tlr65 on topic Jumping to #main-content hides title of article
Posted 4 years 8 months ago #26058
hm, doesn't seem to work for me, yet.
Please see below.
The first button hides the title.
The second button does not change the article.
Any other ideas?
Cheers Thomas
Please see below.
The first button hides the title.
The second button does not change the article.
Any other ideas?
Cheers Thomas
Code:
<a class="uk-margin-large-top uk-button uk-button-secondary" href="index.php?option=com_content&view=article&id=40&catid=14#main-content">Dokumente beflügeln!</a>
<a class="uk-margin-large-top uk-button uk-button-secondary" href="index.php?option=com_content&view=article&id=40&catid=14#main-content" data-uk-smooth-scroll="{offset: 90}">Dokumente beflügeln!</a>
by tlr65
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic Jumping to #main-content hides title of article
Posted 4 years 8 months ago #26060
Live url please
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
Replied by tlr65 on topic Jumping to #main-content hides title of article
Posted 4 years 8 months ago #26099
sorry, for late reply, I was on a trip.
the page is not online, yet.
How can I send login data to you?
the page is not online, yet.
How can I send login data to you?
by tlr65
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates