javascriptだけでscrollspyを実装することはできますか？

ナビゲーションバーのボタンのアクティブ状態を変更するためにスクロールスパイを実装したいと思います。 jQueryを使用する例がありますが、純粋なjavascriptで実装したいと思っています。出来ますか？可能であれば、私はサンプルコードを提供できますか？javascriptだけでscrollspyを実装することはできますか？

編集：純粋なjの意味は、外部ライブラリを使用していないことです。申し訳ありません。

出典

2016-08-12 Bünyamin Sarıgül

注意をありがとう：jQueryのではJavaScriptで、ネイティブのJSはjQueryのはただのライブラリであるため、jQueryの何かできることを行うことができます。 –

jQueryは「他の人が作成したJavaScript」に過ぎません。したがって、明らかに可能です。 jQueryのソースコード（または、使用しているサンプルコードが使用している特定のjQueryメソッドに相当するものについてはgoogle）を見ることができます。（これは「純粋なJavaScript」とは、「JavaScript +ブラウザに組み込まれた余分なAPIを提供するCコード」を意味します） – Quentin

ここにnode.jsのライブラリがありますが、プレーンjs - ちょうど 'module.exports = ScrollSpy;を削除してください：https://github.com/makotot/scrollspy/blob/master/src/js/modules/scrollspy.js – eithed

あなたはそれをu助けかもしれ ...このリンクを参照してください

document.getElementById("mydiv").onscroll = function(event){ 
    update_buttons(); 
};

出典

2016-08-12 07:44:59 6502

divをアクティブにするには、そのdivのどの要素が画面に表示されているかをどのように知ることができますか？ –

でscrollイベントのハンドラを定義することができます。

https://gist.github.com/pascaldevink/2380129

* *

出典

2016-08-12 07:48:56

ありがとうございました。残念ながら、それを使用する方法に関する指示はありません。私はコードを理解しようとするつもりですが、私はJSについて実際にはそれほど適格ではありません。 –

JqueryまたはAngular JSを使用してください。実装が簡単です –

javascriptだけでscrollspyを実装することはできますか？

答えて

関連する問題