jQuery - scrollBottom [дублировать]
Qt имеет конкретный метод для этого, используя класс QTimer .
Он позволяет создавать таймер (одноразовый или периодический) и подключите свой сигнал timeout к любому слоту (функции), который вам нужно, чтобы сплести свое волшебство.
На самом деле, эта страница со ссылками имеет точно код, который вам нужно использовать для выполнения вашей желаемая функция:
QTimer *timer = new QTimer(this);
connect(timer, SIGNAL(timeout()), this, SLOT(update()));
timer->start(1000);
Это приведет к тому, что ваша функция update вызывается один раз в секунду (в пределах, налагаемых точностью Qt и т. д.).
8 ответов
var scrollBottom = $(window).scrollTop() + $(window).height();
Я бы сказал, что scrollBottom как прямая противоположность scrollTop должен быть:
var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop();
Вот небольшой уродливый тест, который работает для меня:
// SCROLLTESTER START //
$('<h1 id="st" style="position: fixed; right: 25px; bottom: 25px;"></h1>').insertAfter('body');
$(window).scroll(function () {
var st = $(window).scrollTop();
var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop();
$('#st').replaceWith('<h1 id="st" style="position: fixed; right: 25px; bottom: 25px;">scrollTop: ' + st + '<br>scrollBottom: ' + scrollBottom + '</h1>');
});
// SCROLLTESTER END //
-
1
Вот лучший вариант прокрутки вниз для таблицы grid, он будет прокручиваться до последней строки таблицы:
$('.add-row-btn').click(function () {
var tempheight = $('#PtsGrid > table').height();
$('#PtsGrid').animate({
scrollTop: tempheight
//scrollTop: $(".scroll-bottom").offset().top
}, 'slow');
});
// Back to bottom button
$(window).scroll(function () {
var scrollBottom = $(this).scrollTop() + $(this).height();
var scrollTop = $(this).scrollTop();
var pageHeight = $('html, body').height();//Fixed
if ($(this).scrollTop() > pageHeight - 700) {
$('.back-to-bottom').fadeOut('slow');
} else {
if ($(this).scrollTop() < 100) {
$('.back-to-bottom').fadeOut('slow');
}
else {
$('.back-to-bottom').fadeIn('slow');
}
}
});
$('.back-to-bottom').click(function () {
var pageHeight = $('html, body').height();//Fixed
$('html, body').animate({ scrollTop: pageHeight }, 1500, 'easeInOutExpo');
return false;
});
var scrollBottom =
$(document).height() - $(window).height() - $(window).scrollTop();
Я думаю, что лучше получить нижнюю прокрутку.
Это прокрутит до самого верха:
$(window).animate({scrollTop: 0});
Это прокрутит до самого нижнего:
$(window).animate({scrollTop: $(document).height() + $(window).height()});
.. измените окно на нужный идентификатор или класс контейнера если это необходимо (в кавычках).
Это быстрый хак: просто присвойте значение прокрутки очень большому числу. Это обеспечит прокрутку страницы донизу. Использование простого javascript:
document.body.scrollTop = 100000;
-
1Это не будет работать на страницах длиной более 100000 пикселей. Это может показаться довольно кратким случаем, однако в таких случаях, как бесконечные страницы прокрутки, это не невероятно. Если вы действительно хотите решение без jquery, этот ответ может быть лучшим вариантом. – lucash 20 June 2017 в 20:31
-
2ya, нужно использовать как можно большее число 99999999999999999999999999999999. – unplugged 21 June 2017 в 13:06
В будущем я сделал scrollBottom в плагин jquery, который можно использовать так же, как и scrollTop (т. е. вы можете установить число и прокрутить эту сумму в нижней части страницы и вернуть количество пикселей из нижней части страницы или, верните количество пикселей из нижней части страницы, если номер не указан)
$.fn.scrollBottom = function(scroll){
if(typeof scroll === 'number'){
window.scrollTo(0,$(document).height() - $(window).height() - scroll);
return $(document).height() - $(window).height() - scroll;
} else {
return $(document).height() - $(window).height() - $(window).scrollTop();
}
}
//Basic Usage
$(window).scrollBottom(500);
Top- # вертикальных пикселей из документаTopв видимое окноTop. В отличие от прокруткиTop, прокруткаBottomдолжна измерять # вертикальных пикселей из документаBottomв видимое окноBottom(т. Е. Ответ Альфреда ниже). То, что этот дает, является # вертикального пикселя из документа_top_в видимое окноBottom. Это полезно, но не может называть это противоположностью ScrollBottom (я знаю, что это заметный ответ, но для будущих читателей, таких как я) – DeepSpace101 14 February 2013 в 22:58