JavaScript code for website menu
There is also a burger menu. Accordingly, transitioning from the burger menu should be done identically (transitioning and smooth scrolling).
If possible, important points in the code should be documented if not difficult.
Clarifications:
1. The code should consider transitioning to the corresponding block through menu/submenu items, taking into account the height of the fixed site header, which may change during responsiveness (for example, const gotoBlockValue = gotoBlock.getBoundingClientRect().top + pageYOffset - document.querySelector('header').offsetHeight;)
2. When transitioning from the burger menu using a menu/submenu item, the redirect and smooth scroll should be preserved, as well as closing the burger menu after activating the corresponding item and further redirecting and smoothly scrolling to the selected block.
3. Transitioning through menu/submenu items can occur on the current page to which the corresponding items belong, as well as from another page. This also applies to the burger menu.
I will send the link to the website layout.
Client's review of cooperation with Stanislav Koval
JavaScript code for website menuThank you for the cooperation. Everything was done very clearly with explanations according to the technical task.
An additional consultation on the project was also provided, for which I am very grateful.
High-quality result!
Pleasant communication with the specialist.
I recommend 100%
Freelancer's review of cooperation with Gavryushina Lyubov
JavaScript code for website menuAll good 🙂
Quick check, clear project brief 😉
-
Hello, I have read the task and I am ready to perform.
My stack: JS, TS, ReactJS, NextJS, SCSS...
Write to me, I will be happy to cooperate.
-
103 Good day, I am starting development on this platform, I have 3 years of experience, so I will do everything well and on time like others, but cheaper, now I am working on reputation.
-
1102 21 0 1 Good day, ready to implement your task, have 7 years of experience in web development. Write, let's discuss the details.
-
717 21 2 1 In my opinion, this can be implemented almost entirely in CSS, it has been able to do that for a long time. Well, except for coding the burger menu collapse in JS..
-
12618 63 1 Good day! I have read the brief! Everything is clear.
I would like to see the layout!
Ready to start working now.
Estimated completion time 2-5 hours.
You can view my work in the portfolio.
I will be happy to help.
-
1675 28 1 1 Good day Lyubov!
Ready to perform your task. I will do everything quickly and qualitatively.
Here is an example of the task you described, which I have already implemented https://pashadahulych.github.io/Digital-Planner/
I can start working on it right away!
-
4636 157 0 Good day!
There is ready code. I will write a description for it. Feel free to contact me.
-
12231 96 0 Hello!
I can help with your issue, will do it tomorrow.
I can document with comments in the code.
Current freelance projects in the category Javascript and Typescript
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 11 hours 12 minutes back ∙ 18 proposals |
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 2 days 13 hours back ∙ 59 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 3 days 14 hours back ∙ 27 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 5 days 4 hours back ∙ 35 proposals |
Development of the AM Mobility platform (car service, parking, insurance, car rental)
5731 USD
We are looking for a team or an experienced Full Stack developer to create the MVP of the AM Mobility platform. AM Mobility is a unified digital ecosystem for motorists, combining in one application and web platform: parking; car service; tire fitting; car wash; car rental;… Javascript and Typescript, Web Programming ∙ 10 days 11 hours back ∙ 119 proposals |