Set thêm id cho từng section tương ứng thẻ a trong file index.html tương ứng các phần Home, About us, Testimonials, Sponsors, Contact.
Index.html
`
Chung ta dang code html >
Selftaught
- How Clients Think
About Products Contact
We will study
English together.
So join with us.
Tell me more Join us
About Us
We are people that are studying English by ourselves, we believe that you don’t need to pay so much
money for being good at English, we’re here to help you
Team Working
Funny class
Be confident
All our friends
Products
Pronunciation class
19$ / month
- Native voices
- Master IPA
JOIN US
Speaking class
25$ / month
- Native speaking
- Speaing naturally
JOIN US
Listening class
25$ / month
- Native speech
- Hearing English clearly
JOIN US
Testimonials
The course is very helpful, I can speak English fluently and I think The SF English became my second family, I love everyone very much. Thank you!
Nguyen Chem Gio
I believe that who came to This English centre would love this place as I did, when the course finished, I feel sad because studying in that place I always felt funny.
Tran Vo Van
Trust me, you can master English just by joining this class, I did, so I believe that you can too. Hope that one day, you can come and join in this class.
Le Du Do
Sponsors
-
Barcelona
-
Manchester City
-
Tottenham Hotspur
-
Real Marid
-
Juventus
-
Manchester United
- Address: 21A, SelfTaught street, Ha Noi
- Email: selftaughtteam@edu.com
- SĐT: [+084 ]099-923-232-320
Name
Email
Message
Copyright © 2018 by SELFTAUGHT TEAM
`
Scripts.js
`// Scroll
$['a'].click[function[event]{
$['html, body'].animate[{
scrollTop: $[ $.attr[this, 'href'] ].offset[].top
}, 700];
event.preventDefault[];
}];
}`
Kết luận
Trong bài học này chúng ta đã hoàn thiện phần Stick Navigation và hiệu ứng Scroll.
Ở bài học sau chúng ta sẽ cùng code MOBILE NAVIGATION CHO WEBSITE.
Cảm ơn các bạn đã theo dõi bài viết. Hãy để lại bình luận và góp ý của mình để giúp phát triển bài viết tốt hơn. Đừng quên: "Luyện tập – Thử thách – Không ngại khó".
Tải xuống
Tài liệu
Nhằm phục vụ mục đích học tập Offline của cộng đồng, Kteam hỗ trợ tính năng lưu trữ nội dung bài học Code Stick Navigation và hiệu ứng Scroll dưới dạng file PDF trong link bên dưới.
Ngoài ra, bạn cũng có thể tìm thấy các tài liệu được đóng góp từ cộng đồng ở mục TÀI LIỆU trên thư viện Howkteam.com
Đừng quên like và share để ủng hộ Kteam và tác giả nhé!
Project
Nếu việc thực hành theo hướng dẫn không diễn ra suôn sẻ như mong muốn. Bạn cũng có thể tải xuống PROJECT THAM KHẢO ở link bên dưới!
Thảo luận
Nếu bạn có bất kỳ khó khăn hay thắc mắc gì về khóa học, đừng ngần ngại đặt câu hỏi trong phần bên dưới hoặc trong mục HỎI & ĐÁP trên thư viện Howkteam.com để nhận được sự hỗ trợ từ cộng đồng.