Scrolling button
Autor: Nektarios K.
Visitado 1581,
Followers 2,
Compartido 0
Hi there
Are any options as scrolling the page, button appearing, and follow the scrolling with the option to back? Is for a specific page only not for all
Thanks
Nek
Publicado en
Hello Nek,
You can define a scroll-to-top button in Step 2 Template Settings > Text, Field and Button Style > Scroll-to-top button
The button will only appear on pages long enough to warrant it.
Is this what you refer to?
Kind regards,
Paul
Search the WebSite X5 Help Center
Autor
Dear Paul,
For back to the top, it's ok.
that of I looking for is
For example,
I have the page Services.
I wish to use Masonry as a menu regarding the different types of services.
If you click one of those photos you will be on a specific sub-page of the service you choose.
I want to add a button for scrolling with this sub-page and if you click it you will go back to the main services page with the masonry to can choose another type of service.
That button will appear only on the specific sub-pages
Rgds,
Nek
Hello Nektarios
Is it something like this you mean : http://eksempelsite.dk/information-buttons.html
If it is, then - only look at rightbutton3. The other 2 buttons has not their target anymore.
To make it simpler you can simply have only one image - then there is no need for the onmouseover and onmouseout. But the button can be made discrete and on hovering it could have a text. In your case you could have "Return to service-page"
The telephone button is made normal on pageload, then it shows the information and on mouseout is shown the semi-transparent telephone. This indicates it has been hovered. As hovering is not easy on a mobile, then you maybe prefer the simple solution with just one image.
You could make a html object ( or use expert tab for the page settings ) on a page with this content :
<style>
.rightbutton3 {
position: fixed;
right: 0px;
background-color: transparent;
top: 210px;
}
</style>
<div class="rightbutton3">
<a href="http://calendarforum.dk/" target="_blank">
<img src="http://eksempelsite.dk/images/telephone01.png" onmouseover="this.src='http://eksempelsite.dk/images/telephone02.png'" onmouseout="this.src='" target="_blank" rel="nofollow">http://eksempelsite.dk/images/telephone03.png'">
</a>
</div>
The settings can be changed to fit your needs
Autor
Dear John,
Yes is that one I looking for.
Thanks
I will try it and let you know.
Rgds,
Nek
Just for information : I have restored the targets for the other buttons.