Javascript and CSS help moving with a transform based on scroll position

En cours Publié le il y a 4 ans Paiement à la livraison
En cours Paiement à la livraison

I have a logo in the center of the page that needs to join another logo on a fixed header as the user scrolls down the page.

I have a demo here: [login to view URL]

The resizing works great, but the positioning is not working.

But the main issue is I must start the logo-two at a set height (200px in this case) and return it to said height when the user scrolls back to the top of the page.

The demo code I'm using is based of everything being % based. This does NOT work for the vertical as I need it to return to the 200px fixed top position.

I also need the end point for the horizontal to be a set number, not percentage, so I can ensure it always stays a set distance away from logo-one (i.e. instead of ending at 0%, it would end horizontally at (50px + width of .logo-one).

I've attached a screen grab of the desired end (when user scrolls past the logo) as an example.

I need to be able to change the starting height of .logo-two based on mobile views, etc. so that can't be a magic number in the JS.

JavaScript CSS HTML HTML5 jQuery / Prototype

Nº du projet : #24627076

À propos du projet

14 propositions Projet à distance Actif il y a 4 ans

14 freelances font une offre moyenne de 23 $ pour ce travail

einnovention

Hi there! We are a company with more than 7 years of experience and +10million turnaround, Yes we can do this job within minimum posible time and cost :) Lets have a chat for detailed discussion :) Best: Einnovention

$20 USD en 7 jours
(166 Commentaires)
7.2
badarmadni927

Hello there sir ! I love to do reasonable and web organizing and moreover extraordinary in word press,shoppingcarts ,word press ,php and html too.i trust you will trust on me I have a work comprehension of 3.5-4 ye Plus

$20 USD en 2 jours
(31 Commentaires)
5.8
w3tridip2017

Hi, I've read carefully of your job description about "Javascript and CSS help moving with a transform based on scroll position".I am a professional "Full Stack Web Developer".I have more than five years experience in Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(138 Commentaires)
5.4
Aanaaya

Hello Sir I am Zahoor Ahmad, a professional SEO friendly website developer. I have read your project description and understood your requirements properly. I can develop your business website with full perfection. Our Plus

$20 USD en 7 jours
(10 Commentaires)
4.7
programmerno134

I have more then 5+ year of experience in asp.net , Asp.Net MVC and Asp.Net MVC CORE development. I will provide following service. - asp.net web development - asp.net mvc web development - asp.net mvc core web de Plus

$30 USD en 2 jours
(14 Commentaires)
4.6
rosanareis36

Hello, how are you? I have checked your description. I am a html, Css, javascript animation expert so I am really confident about your project. Please contact me and let's discuss your project with me. Thank you!

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(7 Commentaires)
3.5
YoloWarrior

Hi.I am a Full stack web developer.I will be happy to complete the project.I have experience in 1.5 years and burning eyes

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(8 Commentaires)
2.9
som4p

Warm Greetings ! Hi, I am a full stack LAMP PHP WORDPRESS developer with 6 + years of experience and I can work towards your requirements and can deliver it now itself you assign the work to me and pay me once only whe Plus

$20 USD en 2 jours
(6 Commentaires)
2.2
mohannadhanafi96

Dear client, I hope you’re doing well. I understood what you want, I can make it in two hours, I will fix the logo issue and transfer it to the new position with the new width. I have a strong experience in front-end Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(2 Commentaires)
1.7
freelancerpdp

Dear Hiring Manager Take my great respect. As a senior Web developer with couple years of experience, i'm requesting you to give me this project. Over the last 2 years, i have been working as a Web Developer & Graphi Plus

$20 USD en 2 jours
(0 Commentaires)
0.0
mitsuchak

Your work will be almost completed in couple of days yet am adding 4 extra days to complete work but as per shown in demo website i know my area of working so it will be easy for me Relevant Skills and Experience Solv Plus

$15 USD en 6 jours
(0 Commentaires)
0.0