Блог

Главная - Вопросы по программированию - Мой сайт не прокручивается, что мне делать?

Мой сайт не прокручивается, что мне делать?

#css #scroll #hidden #portfolio

#css #прокрутка #скрыто #Портфолио

Вопрос:

Я работаю над страницей своего портфолио, и когда я писал свой html и css, сайт не прокручивался. Я не вижу код только в первом разделе.

Вот html:

 <navbar id="navbar">
          <a href="#" title=""><img id="logo" src="imagini/portfolio.png" alt="my portfolio" title="Bogdan's portfolio" /></a>
          <ul type="none" id="list">
              <a href="#" title=""><li>works</li></a>
              <a href="#" title=""><li>about</li></a>
              <a href="#" title=""><li>contact</li></a>

          </ul>


       </div>
       <section id="welcome-section">
          <h1>HI, I'M<br /> Pavel Bogdan Mihail</h1>
          <p>I make people get amazed by my works because I'm AWSOME!</p>

          <button type="button">GET IN TOUCH</button>

       </section>
       
       <section id="about">
        <h3>A little bit about me</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean mollis neque sed massa sollicitudin interdum. Pellentesque vel libero sollicitudin lectus sollicitudin consectetur. In dictum eu nisi id porta. Ut molestie luctus hendrerit. Nulla ac nisl sit amet urna molestie dictum. Phasellus et turpis aliquet dolor iaculis congue. Nulla eget ligula nibh. Maecenas vel aliquam quam, sit amet semper nibh. Sed consectetur malesuada mauris a posuere. Suspendisse semper, magna ac convallis faucibus, orci eros ultrices diam, ac porttitor enim sem eget lorem. Proin laoreet commodo arcu, nec lobortis felis dapibus quis. Aenean ut arcu mauris. Nunc tempus erat eu felis faucibus facilisis. Donec gravida ullamcorper dolor ac dapibus. Sed pellentesque dapibus neque, quis ornare purus tincidunt ac.</p>
         
       </section>

вот редактирование codepen: https://codepen.io/bogdan-pavel/pen/pobgWjg

Ответ №1:

В вашей панели навигации отсутствует закрывающий тег. Если вы добавите объявление </navbar> после завершения навигации, остальное будет прокручиваться.

Комментарии:

1. Ах да, я забыл закрыть тег </navbar> . Спасибо. Теперь он прокручивается.

Ответ №2:

Попробуйте это:

 <navbar id="navbar">
          <a href="#" title=""><img id="logo" src="imagini/portfolio.png" alt="my portfolio" title="Bogdan's portfolio" /></a>
          <ul type="none" id="list">
              <a href="#" title=""><li>works</li></a>
              <a href="#" title=""><li>about</li></a>
              <a href="#" title=""><li>contact</li></a>

          </ul>


       </div>
       <section id="welcome-section">
          <h1>HI, I'M<br /> Pavel Bogdan Mihail</h1>
          <p>I make people get amazed by my works because I'm AWSOME!</p>

          <button type="button">GET IN TOUCH</button>

       </section>
       
       <section id="about">
        <h3>A little bit about me</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean mollis neque sed massa sollicitudin interdum. Pellentesque vel libero sollicitudin lectus sollicitudin consectetur. In dictum eu nisi id porta. Ut molestie luctus hendrerit. Nulla ac nisl sit amet urna molestie dictum. Phasellus et turpis aliquet dolor iaculis congue. Nulla eget ligula nibh. Maecenas vel aliquam quam, sit amet semper nibh. Sed consectetur malesuada mauris a posuere. Suspendisse semper, magna ac convallis faucibus, orci eros ultrices diam, ac porttitor enim sem eget lorem. Proin laoreet commodo arcu, nec lobortis felis dapibus quis. Aenean ut arcu mauris. Nunc tempus erat eu felis faucibus facilisis. Donec gravida ullamcorper dolor ac dapibus. Sed pellentesque dapibus neque, quis ornare purus tincidunt ac.</p>
         
       </section>
<navbar>