Line 590: | Line 590: | ||
function doScrolling(element, duration) { | function doScrolling(element, duration) { | ||
− | var startingY = window.pageYOffset + | + | var startingY = window.pageYOffset + 100 |
var elementY = getElementY(element) | var elementY = getElementY(element) | ||
// If element is close to page's bottom then window will scroll only to some position above the element. | // If element is close to page's bottom then window will scroll only to some position above the element. | ||
Line 613: | Line 613: | ||
percent = easing(percent) | percent = easing(percent) | ||
− | window.scrollTo(0, startingY + diff * percent - | + | window.scrollTo(0, startingY + diff * percent - 100) |
// Proceed with animation as long as we wanted it to. | // Proceed with animation as long as we wanted it to. |
Revision as of 13:42, 13 October 2021
Notebook lab
Week 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam rerum quis consequatur voluptatibus praesentium. Ex commodi beatae cum sequi. Impedit repudiandae iste adipisci omnis velit dignissimos ad minus incidunt maiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut similique, minus et blanditiis aliquid quidem sunt ipsam. Voluptas voluptatem beatae, tempora deleniti qui earum voluptatibus, cumque natus et ut, pariatur. Click on "week 1" to see the full weekly notebook
Week 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam rerum quis consequatur voluptatibus praesentium. Ex commodi beatae cum sequi. Impedit repudiandae iste adipisci omnis velit dignissimos ad minus incidunt maiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut similique, minus et blanditiis aliquid quidem sunt ipsam. Voluptas voluptatem beatae, tempora deleniti qui earum voluptatibus, cumque natus et ut, pariatur.
Week 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam rerum quis consequatur voluptatibus praesentium. Ex commodi beatae cum sequi. Impedit repudiandae iste adipisci omnis velit dignissimos ad minus incidunt maiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut similique, minus et blanditiis aliquid quidem sunt ipsam. Voluptas voluptatem beatae, tempora deleniti qui earum voluptatibus, cumque natus et ut, pariatur.
Week 4
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam rerum quis consequatur voluptatibus praesentium. Ex commodi beatae cum sequi. Impedit repudiandae iste adipisci omnis velit dignissimos ad minus incidunt maiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut similique, minus et blanditiis aliquid quidem sunt ipsam. Voluptas voluptatem beatae, tempora deleniti qui earum voluptatibus, cumque natus et ut, pariatur.
Week 5
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam rerum quis consequatur voluptatibus praesentium. Ex commodi beatae cum sequi. Impedit repudiandae iste adipisci omnis velit dignissimos ad minus incidunt maiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut similique, minus et blanditiis aliquid quidem sunt ipsam. Voluptas voluptatem beatae, tempora deleniti qui earum voluptatibus, cumque natus et ut, pariatur.
Week 6
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam rerum quis consequatur voluptatibus praesentium. Ex commodi beatae cum sequi. Impedit repudiandae iste adipisci omnis velit dignissimos ad minus incidunt maiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut similique, minus et blanditiis aliquid quidem sunt ipsam. Voluptas voluptatem beatae, tempora deleniti qui earum voluptatibus, cumque natus et ut, pariatur.
Week 7
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam rerum quis consequatur voluptatibus praesentium. Ex commodi beatae cum sequi. Impedit repudiandae iste adipisci omnis velit dignissimos ad minus incidunt maiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut similique, minus et blanditiis aliquid quidem sunt ipsam. Voluptas voluptatem beatae, tempora deleniti qui earum voluptatibus, cumque natus et ut, pariatur.
Week 8
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam rerum quis consequatur voluptatibus praesentium. Ex commodi beatae cum sequi. Impedit repudiandae iste adipisci omnis velit dignissimos ad minus incidunt maiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut similique, minus et blanditiis aliquid quidem sunt ipsam. Voluptas voluptatem beatae, tempora deleniti qui earum voluptatibus, cumque natus et ut, pariatur.
Week 9
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam rerum quis consequatur voluptatibus praesentium. Ex commodi beatae cum sequi. Impedit repudiandae iste adipisci omnis velit dignissimos ad minus incidunt maiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut similique, minus et blanditiis aliquid quidem sunt ipsam. Voluptas voluptatem beatae, tempora deleniti qui earum voluptatibus, cumque natus et ut, pariatur.
Week 10
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam rerum quis consequatur voluptatibus praesentium. Ex commodi beatae cum sequi. Impedit repudiandae iste adipisci omnis velit dignissimos ad minus incidunt maiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut similique, minus et blanditiis aliquid quidem sunt ipsam. Voluptas voluptatem beatae, tempora deleniti qui earum voluptatibus, cumque natus et ut, pariatur.
Week 11
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam rerum quis consequatur voluptatibus praesentium. Ex commodi beatae cum sequi. Impedit repudiandae iste adipisci omnis velit dignissimos ad minus incidunt maiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut similique, minus et blanditiis aliquid quidem sunt ipsam. Voluptas voluptatem beatae, tempora deleniti qui earum voluptatibus, cumque natus et ut, pariatur.
Week 12
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam rerum quis consequatur voluptatibus praesentium. Ex commodi beatae cum sequi. Impedit repudiandae iste adipisci omnis velit dignissimos ad minus incidunt maiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut similique, minus et blanditiis aliquid quidem sunt ipsam. Voluptas voluptatem beatae, tempora deleniti qui earum voluptatibus, cumque natus et ut, pariatur.
Week 13
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam rerum quis consequatur voluptatibus praesentium. Ex commodi beatae cum sequi. Impedit repudiandae iste adipisci omnis velit dignissimos ad minus incidunt maiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut similique, minus et blanditiis aliquid quidem sunt ipsam. Voluptas voluptatem beatae, tempora deleniti qui earum voluptatibus, cumque natus et ut, pariatur.
Week 14
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam rerum quis consequatur voluptatibus praesentium. Ex commodi beatae cum sequi. Impedit repudiandae iste adipisci omnis velit dignissimos ad minus incidunt maiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut similique, minus et blanditiis aliquid quidem sunt ipsam. Voluptas voluptatem beatae, tempora deleniti qui earum voluptatibus, cumque natus et ut, pariatur.
Protocols
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam rerum quis consequatur voluptatibus praesentium. Ex commodi beatae cum sequi. Impedit repudiandae iste adipisci omnis velit dignissimos ad minus incidunt maiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut similique, minus et blanditiis aliquid quidem sunt ipsam. Voluptas voluptatem beatae, tempora deleniti qui earum voluptatibus, cumque natus et ut, pariatur.
Tips
Click on "week"