我試圖在我的應用程序中創建一個滾動條,但似乎有一個錯誤。當我滾動到頁面底部時,它與頁腳重疊。
錯誤描述照片在這里
這是滾動條css
var changer = document.querySelector(".toc-wrapper");
var body = document.querySelector("body")
window.addEventListener('scroll', (event) => {
let scroll = this.scrollY;
var place = window.location.href
console.log('SCROLLY', scroll)
if (place == "https://aqwzx-zksync-v2-docs--pr484-feat-doc-222-rs0trdzc.web.app/docs/api/api.html#zks-l1chainid") {
changer.style.height = "50vh"
} else if (scroll <= 21340) {
changer.style.height = "70vh"
}
if (place == "https://aqwzx-zksync-v2-docs--pr484-feat-doc-222-rs0trdzc.web.app/docs/api/js/utils.html#undol1tol2alias" || place == "https://aqwzx-zksync-v2-docs--pr484-feat-doc-222-rs0trdzc.web.app/api/js/utils.html#sleep") {
changer.style.height = "50vh"
} else if (scroll <= 18560) {
changer.style.height = "70vh"
}
if (place == "https://aqwzx-zksync-v2-docs--pr484-feat-doc-222-rs0trdzc.web.app/docs/api/js/accounts.html#getting-token-balance-on-l1-1" && scroll >= 13100) {
changer.style.height = "50vh"
} else if (scroll <= 13100) {
changer.style.height = "70vh"
}
if (place == "https://aqwzx-zksync-v2-docs--pr484-feat-doc-222-rs0trdzc.web.app/docs/dev/developer-guides/aa.html#example-of-using-the-library" || place == "https://aqwzx-zksync-v2-docs--pr484-feat-doc-222-rs0trdzc.web.app/dev/developer-guides/aa.html#verifying-aa-signatures-within-our-sdk") {
changer.style.height = "50vh"
}
if (place == "https://aqwzx-zksync-v2-docs--pr484-feat-doc-222-rs0trdzc.web.app/docs/dev/building-on-zksync/contracts/differences-with-ethereum.html#gasperpubdatabyte-should-be-taken-into-account-in-development") {
changer.style.height = "50vh"
}
if (place == "http://localhost:8080/docs/dev/troubleshooting/faq.html#proof-sampling-on-testnet") {
changer.style.height = "50vh"
}
if (place == "http://localhost:8080/docs/api/js/types.html#transactionresponse") {
changer.style.height = "50vh"
}
})