ページを下にスクロールしているときに上部にくっつくヘッダーが必要です。次のjquery関数を使用しています
<script type="text/javascript">
google.load("jquery", "1");
function sticky_relocate() {
var window_top = $(window).scrollTop();
var div_top = $('#sticky-anchor').offset().top;
if (window_top > div_top)
$('#sticky').addClass('stick')
else
$('#sticky').removeClass('stick');
}
// If you have jQuery directly, use the following line, instead
// $(function() {
// If you have jQuery via Google AJAX Libraries
google.setOnLoadCallback(function() {
$(window).scroll(sticky_relocate);
sticky_relocate();
});
</script>
しかし、ページにすでに存在するスライダーは機能していません!この問題を解決するのを手伝ってください。$.noConflict();
関数の上にスライダーが正しく機能し、スティッキーdivが機能しないことを追加しました!
そして、コードに次の変更を加えました//名前空間の競合を防ぐためにクロージャを開始します
;(function($) {
// Whatever code you want that relies on $ as the jQuery object
// End closure
})(jQuery);
スライダーとスティッキーdivの両方が機能していません!