Element: scrollBy() ã¡ã½ãã
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2020å¹´1æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
scrollBy() 㯠Element ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®ã¡ã½ããã§ãæå®ãããéã ãè¦ç´ ãã¹ã¯ãã¼ã«ãã¾ãã
æ§æ
scrollBy(x-coord, y-coord)
scrollBy(options)
弿°
x-coordã¯ãã¹ã¯ãã¼ã«ãããæ°´å¹³ãã¯ã»ã«æ°ã§ããy-coordã¯ãã¹ã¯ãã¼ã«ãããåç´ãã¯ã»ã«æ°ã§ãã
- ã¾ã㯠-
options-
以ä¸ã®å¼æ°ãæã¤è¾æ¸ã§ãã
top-
ã¦ã£ã³ãã¦ãè¦ç´ ãã¹ã¯ãã¼ã«ãã Y 軸æ¹åã®ãã¯ã»ã«æ°ãæå®ãã¾ãã
left-
ã¦ã£ã³ãã¦ãè¦ç´ ãã¹ã¯ãã¼ã«ãã X 軸æ¹åã®ãã¯ã»ã«æ°ãæå®ãã¾ãã
behavior-
ã¹ã¯ãã¼ã«ãæ»ããã«ã¢ãã¡ã¼ã·ã§ã³ãããã (
smooth)ãç¬æã«ã¸ã£ã³ããããã (instant)ããã©ã¦ã¶ã¼ã«é¸æãããã (auto, æ¢å®å¤) ãæå®ãã¾ãã
è¿å¤
ãªã (undefined)ã
ä¾
// è¦ç´ ãã¹ã¯ãã¼ã«
element.scrollBy(300, 300);
options ã使ç¨ããå ´å:
element.scrollBy({
top: 100,
left: 100,
behavior: "smooth",
});
仿§æ¸
| 仿§æ¸ |
|---|
| CSSOM View Module > # dom-element-scrollby > |