Menu visible after scolling - Page 2

User 379556 Photo


Registered User
1,535 posts
Online Now

Twinstream wrote:
Something like this may be what the user is after...
http://jsfiddle.net/ke9kW/1/

Presumably that effect is demonstrated by scrolling the pseudo-Latin box at the bottom right quadrant of the screen that appears, and I guess that is indeed what is wanted.

That does however seem to be much the same effect as in the example I put in the third post this thread, but with a slide-down transition, like Inger's slide-up transition in the sixth post in this thread.

Frank
User 2889676 Photo


Registered User
18 posts

Twinstream wrote:
Something like this may be what the user is after...

http://jsfiddle.net/ke9kW/1/


Yes, it's what I would like. How could I do it with RDS?
With RDS vers 3.0 you can insert a javascript?
I try to insert my .zip file
Thanks for your help
Attachments:
User 122279 Photo


Senior Advisor
14,450 posts

Now that we have established what you want, the rest is easy. ou put the js into the footer section in the Page manager. Remember to pop in the <script> </script> around it.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 244626 Photo


Registered User
811 posts

Inger wrote:
Now that we have established what you want, the rest is easy. ou put the js into the footer section in the Page manager. Remember to pop in the <script> </script> around it.


Or better yet, ou could save the script without the <script> </script> tags as menuoffset.js file and add it to your resources where you create a folder named js to put it in. Then link to that script in the footer section on each page. The advantage of this is that you can modify the script anytime, then re import to the your resources (replace file feature) and all the pages will update to the new script. Otherwise one little change to the script .....paste paste paste
Bootstrap 5 CSS Grid.
User 244626 Photo


Registered User
811 posts

Belvedere S.p.A. wrote:
Twinstream wrote:
Something like this may be what the user is after...

http://jsfiddle.net/ke9kW/1/


Yes, it's what I would like. How could I do it with RDS?
With RDS vers 3.0 you can insert a javascript?
I try to insert my .zip file
Thanks for your help


I changed the tag to header because the script targets the tag header. I added a additional container for scrolling. The .nav-region <header> needed to be set to fixed. Pasted the script (fiddle) in the footer between script tags.
Attachments:
Bootstrap 5 CSS Grid.
User 2889676 Photo


Registered User
18 posts

Twinstream wrote:
Belvedere S.p.A. wrote:
Twinstream wrote:
Something like this may be what the user is after...

http://jsfiddle.net/ke9kW/1/


Yes, it's what I would like. How could I do it with RDS?
With RDS vers 3.0 you can insert a javascript?
I try to insert my .zip file
Thanks for your help


I changed the tag to header because the script targets the tag header. I added a additional container for scrolling. The .nav-region <header> needed to be set to fixed. Pasted the script (fiddle) in the footer between script tags.


Hi,
I am realized there is a small problem in the javascript code. In the small screens, after the scroll viewing the menu icon. When you click on it, we return to the main screenshot instead of to open the menu.
How do you solve this problem?
Thank you.
Maria
User 122279 Photo


Senior Advisor
14,450 posts

Try this version.
The problem was because when the menu was opened on a small screen, the page scrolled back to the top. I created a hidden container, positioned it fixed a little over 200px from the top, and then anchored the font icon to it.
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2889676 Photo


Registered User
18 posts

Inger wrote:
Try this version.
The problem was because when the menu was opened on a small screen, the page scrolled back to the top. I created a hidden container, positioned it fixed a little over 200px from the top, and then anchored the font icon to it.


Hi Inger,
I need your help, please :D
The file that I attach is only a simplification of the site I'm building. Ok?
Everything written previously is fine.
I added a red container under at that the first scroll.
The menu item "RedHome" is anchored to the red container.
For small screens, I would like the menu items to disappear when you click on them.
When I click on "RedHome", I would not like to see the menu but only the "Font Icon" button. This for small screens.
I hope I have explained myself well and I hope to receive your help.
Thank you
Maria
Attachments:
User 122279 Photo


Senior Advisor
14,450 posts

Hi Maria,
That is the way the menu has been made. You need to close the submenu by clicking the 'hamburger' (font icon'). I can't make an element close something that is above it in the 'hierarchy'.
It might be possible to change this, but that is outside of my ken. Someone with a good grasp on js may perhaps make it doable.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2889676 Photo


Registered User
18 posts

Thank your Inger.

I hope someone will help me.
bye
Maria

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.