Как я могу создать ссылки перехода на одной странице?

Vas228

Привет, Я хочу создать список элементов, и пока люди нажимают на список, он перенаправляет пользователя к списку элементов в содержимом той же страницы. Я пытался создать его следующим образом:
https://www.w3schools.com/code/tryit.asp?filename=G82AEOGIT7DZ

Но проблема в прокрутке. Когда я нажимаю на верхнюю ссылку, чтобы отправить ее вниз, она не прошла полностью. Кроме того, ссылка нижнего класса # работает отлично. Может ли кто-нибудь помочь мне исправить? Или есть ли более простые в создании ссылок для перехода? Заранее спасибо

Эдуард Карапетян

Видите ли, именно поэтому я называю W3Fools хищнической веб-гнилью, созданной людьми, не имеющими квалификации, чтобы рассказывать другим, как писать HTML.

как цели, как будто это все еще 1997 год? /НЕУДАЧА/ Трудно. W3Schools, как и другие хищные мошенники, такие как bootstrap и jQuery, не могут научить вас ничему, кроме того, как НЕ создавать веб-сайт.

Какой-нибудь совет? Попробуйте МДН.
https://developer.mozilla.org/en-US...o_HTML/Creating_hyperlinks#Document_fragments

Примерно то же самое и делает пример @coothead.

pavelp1

Привет, господин Саддам! это помогает...

 


<!DOCTYPE HTML>


<html lang="en">


<head>


<meta charset="utf-8">


<meta name="viewport" content="ширина = ширина устройства, высота = высота устройства, начальный масштаб = 1">


<title>top to bottom</title>


<!--<link rel="stylesheet" href="screen.css" media="screen">-->


<style media="screen">


body {


background-color: #f9f9f9;


font: normal 1em / 1.5em BlinkMacSystemFont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif;


}


p {


margin-bottom: 62.5em;


}


</style>


</head>


<body>


<h1 id="top">Page information goes here</h1>


<a href="#bottom">go to the bottom</a>


<p>


Lorem ipsum dolor sit amet, consectetur adipiscing elit. 


Curabitur sit amet sem sed libero bibendum tempus faucibus 


quis mi. Nulla rhoncus vel ipsum in volutpat. Nam tortor


nibh, posuere ac lorem ut, suscipit tincidunt leo. Duis


interdum justo ac justo vehicula consequat. Curabitur et


volutpat nibh. Phasellus rutrum lacus at dolor placerat


feugiat. Morbi porta, sapien nec molestie molestie, odio


magna vestibulum lorem, vitae feugiat est leo sit amet


nunc. Curabitur ornare tempor turpis. In nibh sem, porta ac


magna sed, pretium commodo odio. Sed porttitor augue velit,


quis placerat diam sodales ac. Curabitur vitae porta ex.


Praesent rutrum ex fringilla tellus tincidunt interdum.


Proin molestie lectus consectetur purus aliquam porttitor.


Fusce ac nisi ac magna scelerisque finibus a vitae sem.


</p>


<a id="bottom" href="#top">go to the top</a>


</body>


</html>

Код (разметка): болван

Похожие темы	Дата
InspireMe.ru - вдохновение для творческих людей	19.10.2024, 18:10
Импорт из ArchiCAD в 3D MAX	19.10.2024, 18:10
Нужна помощь с добавлением товаров для продажи на мой сайт.	19.10.2024, 18:10
Растягиваете ширину контента на веб-сайте Weebly?	19.10.2024, 18:10
Первая работа веб-разработчика	19.10.2024, 18:10
Отсутствует ярлык формы	19.10.2024, 18:10
Выровнять 2 поля по вертикали с изображением между ними	19.10.2024, 18:10
Как правильно добавить Google ReCaptcha	19.10.2024, 18:10
Как я могу замаскировать div с прозрачным под ним?	19.10.2024, 18:10
Вопросы об адаптивном дизайне	19.10.2024, 18:10

Как я могу создать ссылки перехода на одной странице?

Vas228

Эдуард Карапетян

pavelp1

I AM

Интересно