En son web geliştirme öğreticiler
 

HTML DOM scrollLeft Propery

<Eleman Nesne

Örnek

Piksel bir içeriği sayısını al <div> elemanı yatay ve dikey olarak kaydırılan:

var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

scrollLeft özelliği, ayarlar veya bir elemanın içeriği yatay kaydırılan piksel sayısını döndürür.

İpucu: kullan scrollTop ayarlamak veya bir elemanın içeriği dikey kaydırılan piksel sayısını döndürmek için özellik.

İpucu: bir öğeye kaydırma çubukları eklemek CSS kullanmak için taşma özelliği.

Tarayıcı Desteği

özellik
scrollLeft Evet Evet Evet Evet Evet

Sözdizimi

scrollLeft özelliğini Dönüş:

element .scrollLeft

scrollLeft özelliğini ayarlayın:

element .scrollLeft= pixels

Mülkiyet Değerler

değer Açıklama
pixels elemanın içeriği yatay kaydırılan piksel sayısını belirtir.

Özel notlar:
  • Numara negatif bir değer ise, sayı olarak ayarlanır "0"
  • Eleman kaydırılan edilemezse, sayı olarak ayarlanır "0"
  • numara izin verilen maksimum kaydırma miktarı büyükse, sayı maksimum sayı olarak ayarlanır

Teknik detaylar

Geri dönüş değeri: elemanın içeriği yatay olarak kaydırılır edilmiş piksel sayısını temsil eden bir sayı,
Örnekler

Diğer Örnekler

Örnek

Bir içeriğini kaydırma <div> dikey 50 piksel yatay ve 10 piksel İÇİN elemanı:

var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
Kendin dene "

Örnek

Bir içeriğini kaydırma <div> dikey 50 piksel yatay ve 10 piksel elemanı:

var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
Kendin dene "

Örnek

Içeriğini ilerleyin <body> dikey 30 piksel yatay ve 10 piksel:

var body = document.body; // For Chrome, Safari and Opera
var html = document.documentElement; // Firefox and IE places the overflow at the <html> level, unless else is specified. Therefore, we use the documentElement property for these two browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;
Kendin dene "

<Eleman Nesne