 Smooth Scrolling |
  |
| Walteaser |
 Jan 17 2014, 10:13 AM
Post
#1
|
|
Group: Members Posts: 2 Joined: 17-January 14 Member No.: 20,247  |
Hello,
I'm trying to create a smooth scroll between anchors on this site, but most of the jquery options I have tried don't work. I'm not sure if it's because the div I want to smooth scroll within has the property overflow:hidden and that the links are outside the div? Here is a link to the website www.johnwilliamwalters.co.uk/cv.html Thanks, John |
  |
 
|
| Frederiek |
Jan 17 2014, 11:28 AM
Post
#2
|
|
Programming Fanatic  Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
I don't see any attempt to do that. The jQuery library is there, but no call to some scrolling.
Maybe this css-tricks snippet will help: http://css-tricks.com/snippets/jquery/smooth-scrolling/ (see demo inside). |
|
|
|
| pandy |
Jan 17 2014, 02:43 PM
Post
#3
|
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
They do CSS tricks with jQuery now?
 |
|
|
|
| Christian J |
Jan 17 2014, 05:48 PM
Post
#4
|
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
I suppose Frederiek meant that css-tricks.com posts jQuery scripts as well (or were you just ironic pandy?). Maybe you can affect scrolling behavior with pure CSS3 Transitions or Animations too, but browser support may not be as good as with javascript/jQuery.
|
|
|
|
| pandy |
Jan 18 2014, 03:47 AM
Post
#5
|
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
I was and I was referring to css-tricks.com, not Frederiek.
|
|
|
|
| Frederiek |
Jan 18 2014, 04:46 AM
Post
#6
|
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
Ha, ha, of course.
There are seven categories in the snippets page. Recently, I looked at a video on his site and saw that he had spaces in his Dock. I searched Google and found a Terminal snippet on how to do just that at css-tricks. But as he says in his footer: CSS-Tricks*… *May or may not contain any "CSS" or "Tricks". |
|
|
|
| pandy |
Jan 18 2014, 04:52 AM
Post
#7
|
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Spaces in his Dock? Terminal?
 |
|
|
|
| jimlongo |
Jan 18 2014, 02:35 PM
Post
#8
|
|
This is My Life Group: Members Posts: 1,128 Joined: 24-August 06 From: t-dot Member No.: 16 |
QUOTE(pandy @ Jan 18 2014, 04:52 AM)  Spaces in his Dock? Terminal? That's a Mac thing - DOCK = a better version of the task bar & Terminal = a better version of the cmd window. |
|
|
|
| Frederiek |
Jan 18 2014, 05:52 PM
Post
#9
|
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
Sorry for the confusion.
Thanks for the clarification, Jim. |
|
|
|
| Walteaser |
Jan 20 2014, 10:00 AM
Post
#10
|
|
Group: Members Posts: 2 Joined: 17-January 14 Member No.: 20,247 |
QUOTE(Frederiek @ Jan 17 2014, 11:28 AM) I don't see any attempt to do that. The jQuery library is there, but no call to some scrolling. Maybe this css-tricks snippet will help: http://css-tricks.com/snippets/jquery/smooth-scrolling/ (see demo inside). Hi Frederiek, I added the css-tricks snippet, but it is not behaving the way it should and is scrolling at weird increments, have you any idea what could cause this problem? Thanks, John |
|
|
|
| Frederiek |
Jan 20 2014, 11:45 AM
Post
#11
|
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
I don't know. I don't see that, all is well in Safari/Mac.
What browser are you testing in? |
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 24th April 2024 - 08:30 AM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC