files/pl/web/api/element/scrollleft/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

---
title: element.scrollLeft
slug: Web/API/Element/scrollLeft
tags:
  - DOM
  - Dokumentacja_Gecko_DOM
  - Gecko
  - Wszystkie_kategorie
translation_of: Web/API/Element/scrollLeft
---
<p>{{ ApiRef() }}</p>
<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>
<p><b>scrollLeft </b> pobiera bądź ustawia liczbę pikseli, o którą zostanie przewinięta zawartość dokumentu. Kierunek przewijania odbywa się w lewo.</p>
<h3 id="Sk.C5.82adnia_i_warto.C5.9Bci" name="Sk.C5.82adnia_i_warto.C5.9Bci">Składnia i wartości</h3>
<pre class="eval">// Pobierz wartość przewinięcia w pikselach
var <var>sLeft</var> = <var>element</var>.scrollLeft;
</pre>
<p><var>sLeft</var> jest wartością liczbową reprezentującą ilość pikseli, o które <var>element</var> został przewinięty w lewo.</p>
<pre class="eval">// Ustaw wartość przewinięcia w pikselach
<var>element</var>.scrollLeft = 10;
</pre>
<p><b>scrollLeft</b> może przyjąć dowolną wartość liczbową, jednakże:</p>
<ul>
 <li>Jeżeli element nie może być przewijany (nie posiada atrybutu overflow), scrollLeft jest równe 0.</li>
 <li>Jeżeli ustawiana wartość jest mniejsza niż 0, scrollLeft jest równe 0.</li>
 <li>Jeżeli ustawiana wartość jest większa od wartości maksymalnej, o którą zawartość dokumentu może być przewijana, scrollLeft jest równe wartości maksymalnej.</li>
</ul>
<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3>
<pre>&lt;script type="text/javascript"&gt;

function doScrollLeft(el, p)
{
  el.scrollLeft = p;
}

&lt;/script&gt;

&lt;div id="aDiv"
     style="width: 100px; height: 200px; overflow: auto;"
&gt;
&lt;script type="text/javascript"&gt;
for (var i=0; i&lt;100; ++i){
  document.write(i + '-FooBar-FooBar-FooBar&lt;br&gt;');
}
&lt;/script&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;input type="button" value="Scroll left 50"
       onclick="doScrollLeft(document.getElementById('aDiv'), 50);"
&gt;
</pre>
<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3>
<p>To nie jest żadna część specyfikacji W3C.</p>
<h3 id="Powi.C4.85zania" name="Powi.C4.85zania">Powiązania</h3>
<p><a class="external" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/scrollleft.asp">MSDN scrollLeft</a></p>
<div class="noinclude">
  </div>
<p>{{ languages( { "en": "en/DOM/element.scrollLeft", "fr": "fr/DOM/element.scrollLeft" } ) }}</p>