Диалоговое окно JQuery с автоматической прокруткой вниз

У меня есть диалоговое окно «всплывающее окно», которое загружает изображения и информацию, и всякий раз, когда я запускаю окно, страница автоматически прокручивается до самого конца и не позволяет мне прокручивать назад до тех пор, пока вся информация загружена. Я понятия не имею, почему он это делает. Есть предположения?Диалоговое окно JQuery с автоматической прокруткой вниз

$("#dialog-view").dialog({ 
     resizable: false, 
     width:'auto', 
     fluid: true, 
     modal: true, 
     autoOpen: false, 

     buttons: 
      { 
    "Done": function() 
    { 
     $("#dialog-view").dialog("close"); 
    } 
    } 
});

источник

2013-09-26 Derek

[Взгляните на это] (HTTP: // StackOverflow .com/questions/756325/how-can-i-make-a-jquery-ui-dialog-автоматически-расти-или-shrink-to-fit-its-conten # 756449) и посмотреть, поможет ли что-нибудь ...? – gibberish

вы посмотрели на preventDefault? Я думаю, это может помешать прокрутке экрана. – m33bo

Как вы это можете добавить? Я не очень силен в кодировании JQuery. – Derek

У меня была аналогичная проблема, которая сводила меня с ума! Я искал якорь с #, а также искал действие javascript, заставляя его прокручиваться до нижней части окна.

Оказалось, что код AJAX, который я загружал, имел якорь внизу (ссылка на мой сайт). Веб-браузер предоставил код таким образом, чтобы он перешел на единственный привязку на странице.

Чтобы устранить это, я добавил отрицательный TabIndex к якорю:

<a href="http://www.keppiehed.com" tabindex="-1">Keppiehed.com</a>

В соответствии с первым ответом на How to ignore HTML element from tabindex?, спецификация W3C HTML5 поддерживает отрицательные значения TabIndex.

Я знаю, что это сообщение немного устарело, но я надеюсь, что это поможет вам и другим, с этим трудно диагностировать проблему!

источник

2014-07-07 21:35:54 Sablefoste

Вау, порой не голосовали ответы на вопросы –

@FahadIshaque, я рад, что это сработало для вас! Вот почему я так сильно обращаюсь к StackOverflow и добавляю ответы на даже старые вопросы, когда я потратил немного времени на их исследование. – Sablefoste

Увидев этот ответ, лампочка щелкнула мне в голове и выяснила, что у меня также была ссылка в загруженном вами контенте, что вызывало прокрутку вниз. Спасибо за понимание! Настройка tabindex решила его для меня. – cellen

Ваш диалог может быть позиционируют неправильно, используйте для установки API или решения, которые работали для меня, чтобы установить расстояние от верхней части, как это:

$("#dialog").dialog({ position: [($(window).width()/2) - (dialogWidth/2), 150] }); 
$("#dialog").dialog("open");

источник

2016-03-21 09:55:54

Диалоговое окно JQuery с автоматической прокруткой вниз

ответ

Смежные вопросы