亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

防止scrollIntoView()將容器捲動到頁面頂部
P粉690200856
P粉690200856 2024-03-26 20:25:28
0
1
604

我正在嘗試建立一個簡單的「主要是 css」圖像輪播,它使用滾動捕捉,但也有導(dǎo)航按鈕來控制當(dāng)前查看的幻燈片。我找到的唯一解決方案是在目標(biāo)元素上使用scrollIntoView(),它可以滿足我的要求,但它也總是將目標(biāo)元素滾動到頁面頂部。我希望目標(biāo)輪播?%B

P粉690200856
P粉690200856

全部回覆(1)
P粉976737101

嘗試將 block: 'nearest' 加入到你的scrollIntoView選項中,如下所示:

document.querySelectorAll('button').forEach(button => {
  button.addEventListener('click', event => {
    console.log('event',event);
    slides[event.target.dataset.index].scrollIntoView({
      behavior: 'smooth',
      inline:   'center',
      block:    'nearest',
    });
  });
});
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板