{
const rect = document.querySelector('#step-code-chain')?.getBoundingClientRect()
if(!rect) {
return
}
window.scroll({
top: rect.top + window.scrollY - (document.querySelector('#SiteHeader').clientHeight + 5),
behavior: 'smooth',
})}, 300)
}"
>
Click to select the chain type
{
const rect = document.querySelector('#step-code-charm_1')?.getBoundingClientRect()
if(!rect) {
return
}
window.scroll({
top: rect.top + window.scrollY - (document.querySelector('#SiteHeader').clientHeight + 5),
behavior: 'smooth',
})}, 300)
}"
>
Click to pick
the charm 1
{
const rect = document.querySelector('#step-code-charm_2')?.getBoundingClientRect()
if(!rect) {
return
}
window.scroll({
top: rect.top + window.scrollY - (document.querySelector('#SiteHeader').clientHeight + 5),
behavior: 'smooth',
})}, 300)
}"
>
Click to pick
the charm 2
{
const rect = document.querySelector('#step-code-charm_3')?.getBoundingClientRect()
if(!rect) {
return
}
window.scroll({
top: rect.top + window.scrollY - (document.querySelector('#SiteHeader').clientHeight + 5),
behavior: 'smooth',
})}, 300)
}"
>
Click to pick
the charm 3
Create