Преобразование HTML-сайта в CSS-вопрос приложения React [закрыто] ⇐ CSS
-
Гость
Преобразование HTML-сайта в CSS-вопрос приложения React [закрыто]
Я новичок в React и пытаюсь преобразовать готовый HTML-сайт в приложение React. Я преобразовал большую часть нужной мне функциональности, однако мне не хватает эффектов CSS на панели навигации приложения.
Исходное поведение HTML заключается в том, что панель навигации остается в верхней части экрана и меняет цвет, чтобы добавить контраст при прокрутке вниз, а когда вы нажимаете на ссылку в ней, она плавно прокручивает вас к этому месту. Однако после преобразования панель навигации не остается в верхней части экрана и мгновенно переносит вас в нужное место при нажатии.
Насколько я могу судить, ссылки на весь CSS указаны правильно (на основании цветов, расположения элементов и т. д.), поэтому я не знаю, куда двигаться дальше. Буду очень признателен за любые советы!
Вот код компонента React навигационной панели:
import React, { Component } из 'react' класс экспорта по умолчанию TopNavBar расширяет компонент { оказывать() { возвращаться ( ) }
Я новичок в React и пытаюсь преобразовать готовый HTML-сайт в приложение React. Я преобразовал большую часть нужной мне функциональности, однако мне не хватает эффектов CSS на панели навигации приложения.
Исходное поведение HTML заключается в том, что панель навигации остается в верхней части экрана и меняет цвет, чтобы добавить контраст при прокрутке вниз, а когда вы нажимаете на ссылку в ней, она плавно прокручивает вас к этому месту. Однако после преобразования панель навигации не остается в верхней части экрана и мгновенно переносит вас в нужное место при нажатии.
Насколько я могу судить, ссылки на весь CSS указаны правильно (на основании цветов, расположения элементов и т. д.), поэтому я не знаю, куда двигаться дальше. Буду очень признателен за любые советы!
Вот код компонента React навигационной панели:
import React, { Component } из 'react' класс экспорта по умолчанию TopNavBar расширяет компонент { оказывать() { возвращаться ( ) }
Мобильная версия