2017-12-22 21 views
1

私はいつもwindow.scrollToを使用しており、Element.prototype.scrollToを知らなかった。私はそれがElementのために存在し、うまく動作するという発見に驚いています。`Element.prototype.scrollTo`に関する混乱

しかし、私はそのドキュメントを探してみることができませんでした。私の質問は、私は安全にそれを使用する必要がありますブラウザのクォークを心配することなく?そこに利用可能なドキュメントがありますか?または、window.scrollTodocumentationElement.prototype.scrollToにも当てはまると思いますか?

私は

document.querySelector('.my-div').scrollTo({ 
    left: 10, 
    top: 100, 
    behavior: 'smooth' 
}) 

すべてのブラウザでこの構文のサポートは意志をやっていますか?滑らかなスクロールを含む?

+0

わかりません。これはFirefoxとChromeではサポートされていますが、IEではサポートされていません。 'Element.prototype.hasOwnProperty( 'scrollTo')' – Rajesh

答えて

0

これは、多くの異なるブラウザをサポートする必要がある場合、私はそれを使用してお勧めしません非標準的な方法であると思わ例えばInternet Explorerで11

IE11 Console output

をサポートしていません。

+1

というチェックを追加することができます。この[polyfill](https://github.com/iamdustan/smoothscroll)が有効です。それがどこに書類を持っているかを知ることはもっと興味があります!私はChrome上でFF、OperaをMac上で試してみましたが、それはネイティブに動作します。なぜなら、polyfillは実行する必要があることを実行するので、現在の設定を進めることができます。 ドキュメントを見つけることができればさらに良いでしょう。たとえそれが非標準機能であっても。 –

関連する問題