Позиция полосы прокрутки 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, время: 23:01. |