Вы установили master-footer-wrap
и само footer
в фиксированное положение. Тем не менее, вам нужно установить position: relative
для тела и absolute
для нижнего колонтитула. Если вы сделаете это, когда footer
или master-footer-wrap
по-прежнему установлены на position: fixed
, оно останется фиксированным. Посмотрите приведенный ниже фрагмент для рабочего примера:)
/*BODY*/
html, body {
position: relative;
height: 150%;
margin: 0px 0px 50px 0px;
padding: 0;
}
/*FOOTER*/
#footer-logo {
position: absolute;
left: 20px;
top: 12.5px;
width: 61px;
height: 25px;
}
.master-footer-list {
list-style-type: none;
overflow: hidden;
padding: 0;
margin: 0;
}
.master-footer-list li {
display: inline-block;
vertical-align: middle;
padding-top: 17px;
padding-left: 15px;
}
.master-footer-list a:hover {
text-decoration: underline;
}
/* removed master footer wrap css */
footer {
font-family: var(--work-sans);
font-weight: 300;
font-size: 14px;
text-align: center;
position: absolute; /* position absolute instead of fixed */
bottom: -50px; /* move inside the body margin */
left: 0;
right: 0;
margin-bottom: 0px;
height: 50px;
width: 100%;
background-color: black;
}
/* Removed redundant div/wrapper */
footer a {
color: #FF6869;
text-decoration: none;
}
footer span {
color: #C8C7CC;
}
<footer>
<a href="/"><img id="footer-logo" src="/assets/images/logo-white.png"><a/>
<ul class="master-footer-list">
<li><span>© 2019 – iStudi. Todos os direitos reservados.</span></li>
<li><a href="/termos-de-uso">Termos de Uso</a></li>
<li><a href="/politica-de-privacidade">Política de Privacidade</a></li>
</ul>
</footer>
Это будет : Автопрокрутка от источника .
Перейдите из файла в редакторе, который получает фокус, к соответствующему узлу в окне Project Tool .
вы получите из конфигурации окна инструмента проекта.
Его нет в общих настройках IDE (по крайней мере, в версии 12)