HTML anchor on other side --- AND BACK

5 replies · opened Feb 18, 2022

Ffranz02Feb 18, 2022

Hello.
I just do not get any further...
On the page "Portfolio" I set the video clips anchor. Here are the thumbnails on the opponent video clips on the page "Video-Portfolio-Trier-Luxembourg-Nature-Sea-Studio-Workshop.html".
E.g. "video-portfolio-trier-luxembourg-natur-meer-studio-workshop.html#zaubergarten". These links fit very well on a 24-inch monitor, on iPad and iPhon rather bad.
But I can live with it ...
I would like to link again with anchor, on the
Whether I came from. For example, so "video-portfolio-trier-luxembourg-natur-meer-studio-workshop.html#zaubergarten".
That does not work at all. I ask for help.
The site is not public yet.

https://www.fineartmanufaktur.de/portfolio.html

Benutzername: hinein
Passwort: 1234

Ffranz02Feb 18, 2022

Oh. Sorry.
I found some mistakes.
Here so the better description.
Sorry.
Best regards from Trier / Germany

Hello.
I just do not get any further...
On the page "Portfolio" I set the video clips anchor. Here are the thumbnails on the opponent video clips on the page "video-portfolio-trier-luxembourg-natur-meer-studio-workshop.html.
E.g. "video-portfolio-trier-luxembourg-natur-meer-studio-workshop.html#zaubergarten". These links fit very well on a 24-inch monitor, on iPad and iPhon rather bad.
But I can live with it ...
I would like to link again with anchor, on the
Whether I came from. For example, so "portfolio.html#zaubergarten".
That does not work at all. I ask for help.
The site is not public yet.

https://www.fineartmanufaktur.de/portfolio.html

Benutzername: hinein
Passwort: 1234

SSemicolon WebSTAFFFeb 19, 2022

Hello,

We recommend updating to the Latest Version of Canvas as we have included this functionality in the Latest Versions. You can check an example of this here: https://themes.semicolonweb.com/html/canvas/op-index.html#section-works . You can easily control scroll offsets for each section in different devices.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ffranz02Feb 19, 2022

Hello and thanks for the answer.
There are problems when I update to the latest version.
I had already tried that, that took me 7 days of work...:-(
Then maybe setting the anchor works great, but the rest doesn't work anymore.
I have already made the js files very slim and removed everything that is not needed. Some of the css files have also been revised.
The js and css files are just too big for simple applications and the loading time takes a long time and "Google" doesn't think that's cool.
So I reworked a lot and made it smaller.
So I can't just update. Then a lot doesn't work anymore.
Can't you help me with the files that exist NOW ?
I just want to link from page A (from a specific place) to page B (to a specific place) and back the same way.
Maybe it works?
Kind regards - Rainer Langer

Ffranz02Feb 19, 2022

Hello.
I found the solution in your support forum.
She is 3 years and 6 months old.
Good that you can look back so far in the forum.
It is the following script.

<script>
jQuery(document).ready( function(){
setTimeout(function() {
if (location.hash) {
window.scrollTo(0, 0);
}
}, 1);
});

 jQuery(window).on('load', function(){
     var divScrollToAnchor = window.location.hash;

     if( typeof divScrollToAnchor !== 'undefined' ) {
         var t = setTimeout( function(){
             $('html,body').stop(true).animate({
                 'scrollTop': $( divScrollToAnchor ).offset().top - 100
             }, 700, 'easeOutQuad');
         }, 1000);
     }
 });

</script>

Now the website will be online soon.
Thank you for your help.
I am very happy.
My request can now be closed.

Warm regards from Trier - Rainer Langer

SSemicolon WebSTAFFFeb 20, 2022

Hello,

Thanks for your Patience!

Apologies as we had completely forgot this code as they were related to Old Versions of Canvas. And since the Latest Versions already have this functionality built in, we recommended updating. But we definitely understand your position on this as an update to a Major Version will take some time.

Glad your issues were resolved.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard