Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Milagro Scardigno
4,494 PointsHelp on creating Alphabetical Scrolling Sidebar
I am sort of new in the application development world and as now I have the challenge of creating a Alphabetical Scrolling Sidebar to display the contact according to the clicked letter. I have no clue how to do it and if anyone of you know how to, I would love to get some guidance. I know I can use the Jquery .scrolltop but have no clue how to. I think it is because of my lack of javascript skills. Please help!!!
17 Answers
Andrew Chalkley
Treehouse Guest TeacherHello Milagro Lopez
I've put a small video together to help you out. Hope this helps.
For anyone who's interested in Creating an Alphabetical Scrolling Sidebar with jQuery you can download the project files here and follow along.
Regards
Andrew
Kevin Korte
28,148 PointsI really think this kind of response is an excellent idea. I'm sure it's also quite time consuming, but very valuable.
Andrew Chalkley
Treehouse Guest TeacherEvery Thursday a Treehouse teacher will be posting a video response to an unanswered question in the forum.
Be sure to always include your code in your posts to get the best solution to your problems. :)
Kevin Korte
28,148 PointsAwesome! Thank you
Tim Urista
Courses Plus Student 13,462 PointsThis was very helpful. I didn't immediately think to override the default event for the browser. Thank you for the insight. I really like the video responses, but I understand it is time consuming. Thanks again!
Andrew Gay
20,893 PointsSounds great!
Hayden Evans
15,399 PointsLove that you guys are doing this with some questions around the forum! Treehouse just keeps getting better and better constantly!
Andrew Chalkley
Treehouse Guest TeacherWe love you guys too! That's why we do it :)
Milagro Scardigno
4,494 PointsAndrew, it is exactly what I wanted!
Andrew Chalkley
Treehouse Guest TeacherI'm glad I could help!
Tom Bedford
15,645 PointsThank you Andrew Chalkley! Will the various videos be compiled over time into a section on the site? It would be a shame if they got lost in the depths of the forum....
Andrew Chalkley
Treehouse Guest TeacherYep. Our design and dev team will be looking in to this soon.
Paulo Aguiar
14,120 PointsThe treehouse teachers videos to a forum response weekly is an excellent idea!
Andrew Chalkley
Treehouse Guest TeacherMost excellent!
Milagro Scardigno
4,494 PointsThanks!
Andrew Chalkley
Treehouse Guest TeacherThe video is properly embedded now too :)
Rodrigo Muñoz
Courses Plus Student 20,171 PointsThis is quite nice!
Andrew Chalkley
Treehouse Guest TeacherThanks :)
Bastian Schiller
20,873 PointsWow this is awesome Andrew Chalkley
Andrew Chalkley
Treehouse Guest TeacherYou're awesome Bastian Schiller!
Tom Bedford
15,645 PointsI followed through the example and after completing it I was receiving an error in the console after clicking to scroll up/down a few times:
"Uncaught TypeError: Cannot read property 'top' of undefined"
This initially left me puzzled and looking to see if I had made mistakes. However, it happens when you click "U" as there is no list for "U"!
Andrew Chalkley
Treehouse Guest TeacherYou should add some checking and share the code :)
Chris Hattery
3,329 PointsThis is great and exactly what I was looking for. Someone asked me about doing something like this a year ago. Finally glad to have found something.
Andrew Chalkley
Treehouse Guest TeacherI'm glad you can find use for this.
NINA MARTIN
Courses Plus Student 2,493 PointsGreat. Thanks!
Andrew Chalkley
Treehouse Guest TeacherYou're welcome.
Jason Hess
4,789 PointsAndrew, this is such a great idea. You guys rock. I have to agree, Treehouse just keeps getting better anD better. That is the nature of a website though, each release should be more innovative than the last. Thanks to the users input. Keep up the great work guys/ gals.
kevinbroomall
6,643 PointsA.C. this is great - would love to see more 1 off tutorials like this one!
Andrew Chalkley
Treehouse Guest TeacherEvery Thursday!
Alison Green
1,323 PointsThis is the best!
Andrew Chalkley
Treehouse Guest TeacherThanks Alison!
Ajinkya Borade
Courses Plus Student 16,635 Pointshaha awesome reply from teacher :D
Joshua Pinter
1,172 PointsReally, really great video. Clear and concise.
TeamTreeHouse for President.
Tiffany McAllister
25,806 PointsThis works really great, thank you. How would you add active states to the navigation to show which letter you are on?
James Barnett
39,199 PointsJames Barnett
39,199 PointsAndrew Chalkley - Over 40 upvotes I think that's a forum record
Andrew Chalkley
Treehouse Guest TeacherAndrew Chalkley
Treehouse Guest TeacherRafael Flores
Courses Plus Student 22,056 PointsRafael Flores
Courses Plus Student 22,056 PointsAndrew what about when the content is dynamic? You do not know if you are going to have certain names with a particular letter how does it works then?
Andrew Chalkley
Treehouse Guest TeacherAndrew Chalkley
Treehouse Guest TeacherThat's a really open ended question. Anything is possible and there's a number of ways you can do it. Maybe share your code in the forum (as a Workspace Snapshot or Github repository) and collaborate with someone on it. Sounds like a good project for Treehouse students to tackle.