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

Vas228

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

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

Vgvvgrurk

Видите ли, именно поэтому я называю 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>

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

Похожие темы	Дата
Стоит ли идти на курсы дизайна?	19.12.2024, 05:12
Сколько стоит нарисовать иконки?	19.12.2024, 05:12
А что вы читаете?	19.12.2024, 05:12
Как сохранить фиксированную нижнюю высоту для этого фрагмента кода	19.12.2024, 05:12
Растягиваете ширину контента на веб-сайте Weebly?	19.12.2024, 05:12
Вопрос к экспертам WordPress и PHP.	19.12.2024, 05:12
:после того, как мне не позвонили	19.12.2024, 05:12
Нужна помощь, ссылка на сайт	19.12.2024, 05:12
Скрыть поле, если оно пусто	19.12.2024, 05:12
Размещение иконок рядом	19.12.2024, 05:12

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

Vas228

Vgvvgrurk

Pavelp1

I AM

Интересно