Custom yatay scroll içinde dikey scroll engellenebilir mi?

Weeping Angel · 8 Ağustos 2023

CodePen örneği.

Yukarıya eklediğim bağlantıdan örneği görebilirsiniz.
Ekran yatay olarak kayarken kutulardaki içerik dikey olarak kaydırılabiliyor, ancak ekran hala yatay olarak kaymaya devam ediyor.
Bunu engellemenin bir yolu var mıdır?

533388 · 8 Ağustos 2023

@Weeping Angel hocam.

CSS:

section:nth-child(2)
{
 overflow:hidden;
}

Vermeyi deneyin.

Weeping Angel · 8 Ağustos 2023

533388 dedi:
@Weeping Angel hocam.

CSS:

section:nth-child(2) { overflow:hidden; }

Vermeyi deneyin.

Sorunumu tam olarak anlatamadım sanırım.
İstediğim

CSS:

section:nth-child(2)

bu kutu dikey olarak kayarken, yatay scrollun durması.

533388 · 8 Ağustos 2023

@Weeping Angel hocam onu bilmiyorum ama muhtemelen istediğiniz şey olmaz çünkü siz ortak kapsayıcılarına scroll vermişsiniz ama yine de bir deneyeceğim olursa kodu atarım.

@Weeping Angel hocam bu siteye bakabilirsiniz yapamadım ama belki bu yardımcı olur muhtemelen link

Weeping Angel · 8 Ağustos 2023

JavaScript:

document.addEventListener("scroll", function (e){
    if(e.target == horizontal_scroller) return;
    
    clearTimeout($(e.target).data("scroll-token"));
    HORIZONTAL_SCROLLABLE = false;
    const scrollToken = setTimeout(function (){
        HORIZONTAL_SCROLLABLE = true;
    }, 180);
    $(e.target).data("scroll-token", scrollToken);
    
}, true);

Başka bir yol bulana kadar böyle idare edeceğim artık.

Custom yatay scroll içinde dikey scroll engellenebilir mi?

Ayrıntılı düzenleme

Weeping Angel

Kilopat

533388

Hectopat

Weeping Angel

Kilopat

533388

Hectopat

Weeping Angel

Kilopat

Benzer konular

Bu konuyu görüntüleyen kullanıcılar

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz