I’m zooming in on an image when user scrolls on the page. In my case, I zoom to letter L when user scrolls to div id= “par3” and zooms out when it reaches to the end of div. I am using IntersectionObserver to check if #par3 is in view.

I’m zooming on an image when user scrolls on the page. In my case, I zoom to letter L on the image. It all works fine however, I want to zoom the image to letter L when the user scrolls to a particular section on the site, rather than what it does currently which is zooming as soon as the image loads. In my example I want the image to zoom in to letter L when user scrolls to this and zoom out when it reaches to the end of div. How can I achieve this? Maybe I need event listeners?

I am working on a web page that includes a table with a sticky header, specifically the section as shown below:

I’m Trying to make a Header that hides when you scroll down and shows (with another color) when scroll up, and return to default color once in top of the page.
It works on most browsers, but in safari it just does nothing, the header disappears once you scroll down, but after that it doesn’t appear ever again.

enter code here <form id=”ReportIDSection1″ class=”col-lg-6 section1″> <div class=”form-inline”> <div class=”input-group mb-3 col-lg-11″> <div class=”input-group-append”> <span class=”input-group-text lclient”>clients info:</span> </div> <select class=”form-control col-lg-12 reportidclientname” id=”ReportIDClientName” onchange=”ShowClients()”></select> </div> </div> thats the script function ShowClients() { $(‘#ReportIDClientName’).empty(); var ReportIDClientName = document.getElementById(“ReportIDClientName”); var option = document.createElement(“option”); option.text = “*** לקוח חדש ***”; ReportIDClientName.add(option); for (var i = 0; […]

https://www.xfiner.com/contact-us
This is a website, on its page ie contact page there is an image hover effect, I want to apply this effect in my project, but it is not working, I have given html and css code, only javascript code Writing can you help me to create this project in this image hover effect clip-path animation is var transform this is the website link.
https://www.xfiner.com/contact-us

I have written a complex menu for my website and it works well on screens larger than 768px. However, when the screen size is less than 768px, the menu no longer fits on the screen and I have to convert it into a sliding menu with an animated button that slides in and out of the screen. This also works well.

I tried solving this first using online resources. I couldn’t manage to figure it out. I’m just looking to make a nav bar’s background colour change when I click on it and it is active once the new page loads.

I am using jquery to make a screen of questions and answers. I hope to click to open a question to close other questions! But there is a requirement that the first question should be opened first when entering the default screen, but I don’t know how to do it now. How to rewrite this program, I hope you can help me, thank you.