Позиция полосы прокрутки overflow
Всем привет! Может кто то сталкивался с такой проблемой.
Есть модальное окно, при ее открывании если текст большой появляется полоса прокрутки, после того как прокручиваю, чтобы прочесть все содержимое закрываю модальное окно и когда снова открываю это модальное окно либо другое с большим контентом, то полоса прокрутки запоминает позицию, например она в открытом окне начинается с конца. Как при закрывании модального окна сбросить ее позицию? Нигде ничего подобного не нашел |
radoslav,
scrolltop |
спасибо за ответ конечно, но я не могу понять зачем мне scrolltop, когда мне нужно oferflow обнулить
|
Цитата:
Цитата:
нужен код, а лучше макет. |
$(function(){
$('.modal-news1').click(function(){
$('#newsContent').scrollTop(0);
$('#newsContent').css('overflow', 'auto')
$('#news').modal('show')
.find('#newsContent')
.load($(this).attr('href'));
return false;
});
});
scrollTop в моем случае не помогает, если добавить его в алерт пишет 0 |
radoslav,
лучше бы макет - так непонятно где у вас скролл может в load надо обнуление ставить или для #news |
radoslav,
$('.popup-content').scrollTop(0);
|
Может быть такое что нужно нескольким элементам scrollTop прописывать?, по отдельности попробовал все, не работает(
|
http://test.datas.kz/web/ тоже самоё только модальное окно бутстраповкое
пробовал такие варианты
$(function(){
$('.modal-news1').click(function(){
$('#newsContent').scrollTop(0);
$('.wrap').scrollTop(0);
$('.container').scrollTop(0);
$('.news-view').scrollTop(0);
$('#modal_text').scrollTop(0);
$('#news').modal('show')
.find('#newsContent')
.load($(this).attr('href'));
return false;
});
});
что я делаю не так? |
radoslav,
в 7 посте нужный вам вариант , он что не работает? |
ничего не работает из 03-07, и по одному и по парам и все вместе не работают(
|
radoslav,
попробуйте так
$('.modal-news').off().click(function(){
$('#news').modal('show')
.find('#newsContent')
.load($(this).attr('href'),function() {
$('#newsContent').scrollTop(0)
});
return false;
});
|
не работает, никак не хочет сдвинуть наверх скролл
|
radoslav,
может проще добавить в плагин this.$element.scrollTop(0); файл bootstrap.js строка 1074
Modal.prototype.hideModal = function () {
var that = this;
this.$element.hide()
*!*
this.$element.scrollTop(0);
*/!*
this.backdrop(function () {
that.$body.removeClass('modal-open')
that.resetAdjustments()
that.resetScrollbar()
that.$element.trigger('hidden.bs.modal')
})
}
|
0 реакций, тоже самое
|
radoslav,
не вижу чтоб вы что-то добавили |
вообщем добавил сперва заработало, потом удалил почистил куки все равно работает. так и не понял ничего, может в Yii2 закешировалось где то
Заработало это
$('.modal-news').off().click(function(){
$('#news').modal('show')
.find('#newsContent')
.load($(this).attr('href'),function() {
$('#newsContent').scrollTop(0)
});
return false;
});
Спасибо вам, только на локальном так и осталось не работает на Open Server |
|
так я же удалил его, код выше заработал, только там заметен эффек прокрутки скролла в начало
|
radoslav,
и 14 пост должен работать можно и так
var elem;
$('.modal-news').click(function(){
elem && elem.scrollTop(0);
elem = $('#news').modal('show').find('#newsContent');
elem.load($(this).attr('href'));
return false;
});
|
а при 14 посте не нужно больше нигде писать scrolltop, только в библиотеке bootstrap?
|
radoslav,
да |
| Часовой пояс GMT +3, время: 02:38. |