Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

moving image on scroll....JQuery?

Featured Replies

so i presented my design spec to my client today and he liked the ideas i had. One of the design features is his logo hanging down from the hook of a crane (he's a builder). He likes this and wants it to move down the page to follow the users interaction (i.e. when scrolling down)

 

Im thinking there must be a way to do this in Jquery and avoid Flash, but my own brain power does not have the expertise of writing my own jquery functions im afraid.....

 

So i have turned to the WDF

 

thanks in advance

  • Author

no worries, i managed to find a way of doing it......

 

http://interwebsitedesign.co.uk/testing/test.html

 

Stuck a testing file on my server space...how does it look?

 

My only concern is that when a user scrolls down to read the text on the page, the logo is going to overlap it, so we may need to rethink the idea slightly....but still its a fun little function.

It catches your eye though, so why not use that to your advantage and turn it into the call to action of the website, which I presume is a telephone number for a quote.

 

If it does overlap text then I would remove the functionality as content > design.

  • Author

yep, thats exactly what i was thinking. Ive suggested to my client that i move it to the right and use it to display a phone number, as underneath it then would be two boxes for testimonials, but by the time you need to have scrolled, you would have already registered and viewed the testimonials, so you would not be blocking out any major content.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.