HTML DOM scrollLeft Özellik
Örnek
Bir <div> öğesinin içeriğinin yatay ve dikey olarak kaydırıldığı piksel sayısını alın:
var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
scrollLeft özelliği, bir öğenin içeriğinin yatay olarak kaydırıldığı piksel sayısını ayarlar veya döndürür.
İpucu: Bir öğenin içeriğinin dikey olarak kaydırıldığı piksel sayısını ayarlamak veya döndürmek için scrollTop özelliğini kullanın .
İpucu: Bir öğeye kaydırma çubukları eklemek için CSS taşma özelliğini kullanın.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
scrollLeft | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
scrollLeft özelliğini döndürün:
element.scrollLeft
scrollLeft özelliğini ayarlayın:
element.scrollLeft = pixels
Mülk değerleri
Value | Description |
---|---|
pixels |
Specifies the number of pixels the element's content is scrolled horizontally. Special notes:
|
Teknik detaylar
Geri dönüş değeri: | Öğe içeriğinin yatay olarak kaydırıldığı piksel sayısını temsil eden bir Sayı |
---|
Daha fazla örnek
Örnek
Bir <div> öğesinin içeriğini yatay olarak 50 piksele ve dikey olarak 10 piksele kaydırın:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
Örnek
Bir <div> öğesinin içeriğini yatay olarak 50 piksel ve dikey olarak 10 piksel TARAFINDAN kaydırın:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
Örnek
<body> içeriğini yatay olarak 30 piksel ve dikey olarak 10 piksel kaydırın:
var body = document.body; // Safari
var html = document.documentElement; //
Chrome, Firefox, IE and Opera places the overflow at the <html> level, unless else is specified. Therefore, we use the
documentElement property for these browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;