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.

Smoothest jQuery Scroll

Featured Replies

Is there a way to stop a jQuery vertical scroll from being so notchy. I think all the images I am using are the cause for this but not too sure. Also, has anyone come across a plugin that will make the selected element scroll to the centre of the page - that would be awesome?

 

http://tinyurl.com/d5smxls

 

Cheers.

Have you tried the jQuery scrollTo plugin?

  • Author

It's still notchy, and has a tag. It's not instant, why is this? Also, is there a way to make the selected element appear in the middle of the page?

Edited by WDF

Easing.

 

As to the centre of the screen thing, you could poll the height of the screen and hack the ScrollTo to scroll to a point half the height of the screen above the required content, but I wouldn't suggest it because it breaks the way a user expects a named anchor or javascript scroll to work (as Nielsen says, users spend most of their time on other people's sites).

  • Author

You can use Duration Parameter. As per your requirement you can set value.

 

Pl visit this link

http://balupton.gith...-scrollto/demo/

 

Hi Hem, is this to centralise or to cue the notchy issue.

 

I'm going to remove that big background image, as it's too slow, and this seems to work.

  • Author

Easing.

 

As to the centre of the screen thing, you could poll the height of the screen and hack the ScrollTo to scroll to a point half the height of the screen above the required content, but I wouldn't suggest it because it breaks the way a user expects a named anchor or javascript scroll to work (as Nielsen says, users spend most of their time on other people's sites).

 

What do you mean by users spend their time on other peoples sites? And you would not suggest applying this to the page then?

What do you mean by users spend their time on other peoples sites? And you would not suggest applying this to the page then?

 

Means you can reasonably expect that any user on your site will spend more of their time on other sites than yours, so going with established conventions makes things easy and familiar for them.

 

Users are accustomed to the fact that a relative link will position the content they're looking for at the top of the screen, so you'd need a pretty convincing reason to make breaking that convention for them a good idea (even if it seems like it would be a better option - sometimes familiarly broken is better than unfamiliarly fixed, because the brain adapts to the way things are broken and forms expectations based on what it's used to).

Edited by Renaissance-Design

  • Author

You are right, I just need to make the product they select super obvious, so what I was thinking is having the product box scroll to the middle, then use JS to preselect the buy button as green, and then also use JS to add a bigger margin to the top and bottom to that selected product?

 

I know what you mean though.

Hello WDF,

 

Just wanted to let you know that in the 'select menu' the 'SELECT' arrow is hiding a part of the menu.

Therefore making it almost impossible to click on 'MBA'.

 

Maybe you already noticed, but I though to let you know anyway.

 

Léon :)

  • Author

Hello WDF,

 

Just wanted to let you know that in the 'select menu' the 'SELECT' arrow is hiding a part of the menu.

Therefore making it almost impossible to click on 'MBA'.

 

Maybe you already noticed, but I though to let you know anyway.

 

Léon :)

 

Cheers Léon :)

Edited by WDF

  • Author

Yeah, highlighting it visually would definitely be a good idea.

 

Yeah I think I have to, cheers dude. Do you know of any plug in that I could use to put that product in the middle, my JS is nil (though I am reading a cool book called 'Eloquent Javascript - A Modern Introduction to Programming').

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.