2016-10-04 2 views
0

У меня есть проект, над которым я работаю для своей компании, и поскольку проект не является публичным, я не могу поделиться этим кодом, поэтому это немного сложно. Я использую html, css и javascript. Что может заставлять страницу загружаться и начинаться в нижней части страницы? Я попытался проверить любые закрытые теги в html, но не смог найти что-то не так в этом аспекте.Что может привести к тому, что моя страница будет отображаться внизу при загрузке?

Сейчас я просто исправляю проблему, используя window.scrollTo (0, 0); , но я все еще вижу кратковременную вспышку прокрутки экрана донизу.

**** EDIT ****

Таким образом, после вырезания части моего кода и освежающей, чтобы увидеть, что вызывает вопрос, он должен делать с моими закладками бутстраповскими.

У меня есть много областей, которые выглядят как код ниже. Если я удалю все активные классы из областей класса = "tab-pane active", мой сайт перестанет прокручиваться вниз, но тогда это содержимое не отображается. Эта панель имеет только одну вкладку, но в будущем она получит больше вкладок.

Панели с несколькими вкладками Я могу оставить активный класс там, и они работают нормально.

Любые предложения о том, как сделать мои отдельные панели с вкладками, отображают информацию без добавления активного класса?

<div class="panel"> 
    <p class="subtitle">Subtitle</p> 
    <ul class="nav nav-tabs"> 
     <li class="active"> 
      <a href="#aboutInfo" data-toggle="tab">Info</a> 
     </li> 
    </ul> 
    <div class="tab-content clearfix"> 
     <div class="tab-pane active" id="aboutInfo"> 
      <div class="form-group"> 
       <label for="aboutNavTitle">Page Title</label> 
       <input class="form-control" id="aboutNavTitle" type="text" value="About Us"> 
      </div> 
      <label for="summernote1">Text</label> 
      <div class="summernote-container"> 
       <div id="summernote1"> 
        ........ 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
+1

Ни в коем случае, чтобы изолировать это без чего-то общего здесь? –

+1

может быть id hashtag ('# somthing') в URL-адресе? это откроет и отобразит страницу, а затем перейдет к этому разделу. –

+0

. Быстрое решение для вашей одной панели с вкладками - это удалить классы «активная вкладка» или прокомментировать их на данный момент по крайней мере. Пока у вас нет класса «tab-pane», вам не понадобится «активный» класс – Medard

ответ

2

Это может быть что-то в URL, который ссылается на якорь

www.mydomain.com/page/#anchor 

ИЛИ

Это может быть autofocus на входе

<input type="text" autofocus/> 

ИЛИ

Кусок яваскрипта работает, когда страница не загружается

window.scrollTo(0,document.body.scrollHeight); 
Смежные вопросы