[英]Fixed on later Jquery Plugin for bootstrap
我有此代碼用於以后的jquery插件的固定修復,它使向下滾動頁面長度后顯示導航欄。 但是,我不希望在所有頁面上都這樣。 我不太了解jquery,所以無論如何我如何編輯它以使其顯示在頁面頂部。
這可能更有意義:此代碼旨在使導航欄在向下滾動頁面的長度后顯示。 我不要 我只希望導航欄出現在頂部。 但是,如果刪除此代碼,導航欄將永遠不會出現。 無論如何,有沒有辦法改變此代碼以使其顯示在頁面頂部? 我對jquery並不完全熟悉,所以令人困惑:/。 抱歉,不清楚
(function (c) {
var a = c(window),
d = a.height();
a.resize(function () {
d = a.height()
});
c.fn.fixedonlater = function (e) {
function b() {
windowScrollTop = a.scrollTop();
g.each(function () {
var a = c(this),
b = a.outerHeight();
windowScrollTop > d - b ? 0 == a.css("opacity") && a.animate({
top : "0",
opacity : "1"
}, {
queue : !1,
duration : f.speedDown
}) : a.animate({
top : -b,
opacity : "0"
}, {
queue : !1,
duration : f.speedUp
})
})
}
var f = e = c.extend({
speedDown : 250,
speedUp : 100
}, e),
g = c(this);
a.bind("scroll", b).resize(b);
b()
}
})(jQuery);
感謝您幫助我解決此問題...
我復制了.js文件並將其重命名...然后在您的頁面中引用該文件。 簡單地注釋掉腳本將永遠不會顯示菜單...
你基本上想要
windowScrollTop > d - b
永遠是真實的。 這是我的“更新”功能
function update() {
windowScrollTop = $window.scrollTop();
$obj.each(function(){
var $this = $(this);
var $thisHeight = $this.outerHeight();
if(true){//windowScrollTop > (windowHeight - $thisHeight)) {
if($this.css('opacity') == 0) {
$this.animate({
top: "0",
opacity: '1'
}, {
queue: false,
duration: o.speedDown
});
}
} else {
$this.animate({
top: -$thisHeight,
opacity: '0'
}, {
queue: false,
duration: o.speedUp
});
}
});
};
請其他人注意...顯然,這種“破解”是完全不專業的。 不要判斷,它來晚了,我很納悶,厭倦了追逐其他代碼。 如果有問題,請寫信給國會議員。
我將在幾天后發布修訂版。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.