Inviewのショートカットを使用して、jQueryウェイポイントが正常に動作しています。ヘッダはの効果を与えるために(ボディ位置決めコンテキストで)位置絶対作られた時点で、ビューにフッターがスクロールするまで固定位置にウィンドウの下部の上方32PXウェイポイントのscrollThrottle値を設定しようとすると、定義されていないオブジェクトエラーが発生する
jQuery(document).ready(function($) {
//$.waypoints.settings.scrollThrottle = 0;
var inview = new Waypoint.Inview({
element: $('body > footer')[0],
enter: function(direction) {
$('body > header').css({
bottom: 240,
position: 'absolute'
})
},
exited: function(direction) {
$('body > header').css({
bottom: 32,
position: 'fixed'
})
}
});
});
ページのヘッダが座ります新興のフッターは、ヘッダーが出現するとページの上に押し上げます。
フッターを下にスクロールすると、物が逆転します。
偉大だが、少し揺れているので、私はスクロールスロットル値で遊んでみたかった。しかし、私がscrollThrottleを設定しようとしている行のコメントを外してしまえば、次のようになる:TypeError:未定義はオブジェクトではない( '$ .waypoints.settings'を評価する)
私はおそらく、それ。ありがとう。
どのようなバージョンの「waypoints」を使用していますか?最後のバージョン(v4)では、 'scrollThrottle'オプションは存在しません... – andreivictor
私は、あなたの希望する振る舞いを再現するために、フィドルを作成しました:https://jsfiddle.net/3r1w0a0a/?あなたは何を達成したいですか? – andreivictor
ああ。それはそれを説明します。私はJavaScriptを使ってばかげていると思った。私はスロットルの値を減らして、私の質問で概説した躍動感を修正したかどうかを見たいと思っていました。 –