Skip to content

Commit 52cc7f8

Browse files
authored
Merge pull request #153 from yy34/patch-3
update article.md
2 parents c1ce7c3 + 7583750 commit 52cc7f8

File tree

1 file changed

+18
-18
lines changed

1 file changed

+18
-18
lines changed
Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
# Scrolling
1+
# Sayfa Kaydırma(Scrolling)
22

3-
Scroll events allow to react on a page or element scrolling. There are quite a few good things we can do here.
3+
Kaydırma olayları, bir sayfada veya öğe kaydırmada tepki vermeyi sağlar. Burada yapabileceğimiz epeyce iyi şeyler var.
44

5-
For instance:
6-
- Show/hide additional controls or information depending on where in the document the user is.
7-
- Load more data when the user scrolls down till the end of the page.
5+
Örneğin:
6+
- Kullanıcının belgede nerede olduğuna bağlı olarak ek kontrolleri veya bilgileri gösterin / gizleyin..
7+
- Kullanıcı sayfanın sonuna kadar aşağı kaydırdığında daha fazla veri yükleyin.
88

9-
Here's a small function to show the current scroll:
9+
Küçük bir kaydırma örneği:
1010

1111
```js autorun
1212
window.addEventListener('scroll', function() {
@@ -15,25 +15,25 @@ window.addEventListener('scroll', function() {
1515
```
1616

1717
```online
18-
In action:
18+
İşlemde:
1919
20-
Current scroll = <b id="showScroll">scroll the window</b>
20+
Mevcut kaydırma = <b id="showScroll">scroll the window</b>
2121
```
2222

23-
The `scroll` event works both on the `window` and on scrollable elements.
23+
`scroll` elementi hem `window` ta hem de kaydırılabilir elementlerde çalışır.
2424

25-
## Prevent scrolling
25+
## Kaydırmayı Önlemek
2626

27-
How do we make something unscrollable? We can't prevent scrolling by using `event.preventDefault()` in `onscroll` listener, because it triggers *after* the scroll has already happened.
27+
Bir şeyi nasıl kaydırılamaz hale getiririz? `onscroll` dinleyicisinde `event.preventDefault()` kullanarak kaydırmayı engelleyemiyoruz çünkü kaydırma zaten gerçekleştikten sonra tetiklenir.
2828

29-
But we can prevent scrolling by `event.preventDefault()` on an event that causes the scroll.
29+
Ancak `event.preventDefault()` ile , kaydırmaya neden olan bir olayda kaydırmayı engelleyebiliriz .
3030

31-
For instance:
32-
- `wheel` event -- a mouse wheel roll (a "scrolling" touchpad action generates it too).
33-
- `keydown` event for `key:pageUp` and `key:pageDown`.
31+
Örneğin:
32+
- `wheel` olayı -- farenin tekerliği ile veya "kayan bir dokunmatik alan" yani touchpad de aynı görevi üstlenir).
33+
- `keydown` olayı için `key:pageUp` ve `key:pageDown`.
3434

35-
If we add an event handler to these events and `event.preventDefault()` in it, then the scroll won't start.
35+
Bu olaylara bir olay işleyicisi (event handler) ve bunun içine `event.preventDefault()` eklersek, kaydırma başlamaz.
3636

37-
Sometimes that may help, but it's more reliable to use CSS to make something unscrollable, such as the `overflow` property.
37+
Bazen bu size yardımcı olabilir ancak bir şeyi kaydırılamaz hale getirmek için CSS kullanmak daha güvenilirdir mesela `overflow` özelliği gibi.
3838

39-
Here are few tasks that you can solve or look through to see the applications on `onscroll`.
39+
İşte `onscroll` ile çözebileceğiniz veya uygulamaları görmek için inceleyebileceğiniz birkaç görev.

0 commit comments

Comments
 (0)