Название немного обманывает. Я знаю, как перейти к разделу на странице с помощью:Простой HTML-переход в раздел на той же странице
<a href="#link">Link</a>`
<a name="Link">
Мой вопрос, как я могу сделать место скачок быть 50px вверх от значения по умолчанию. В принципе, так, когда я перехожу в раздел, он не отображается точно в верхней части браузера, но позволяет использовать некоторую буферную комнату.
Вы можете добавить padding-top: 50px; к вашей цели, с возможным непредвиденным побочным эффектом, всегда имеющим 50px пространства над вашей целью (ами).
Пример:
HTML:
<a href="#test">Test</a>
<div style="height:1000px"><!-- create some whitespace for demo purposes --></div>
<h1 id="test">Target</h1>
<div style="height:1000px"><!-- create some whitespace for demo purposes --></div>
CSS:
#test { padding-top: 50px; }
благодарим вас за то, что нашли время, чтобы ответить :) – user3293257
Как насчет использования некоторые CSS, как этот
HTML
<a name="Link" class="link1">
CSS
.link1 {
padding-top: 50px;
}
благодарим вас за ваш вклад, это очень ценно :) – user3293257
Для чистого кода, который решает проблему, используйте CSS "до":
<style>
#link:before{
padding-top:50px;display:block;content:"";
}
</style>
<a href="#link">Link</a>
<div id="link">content</div>
, который работал отлично, большое вам спасибо! – user3293257
На самом деле я немного солгал. Код, который вы предоставили, работает, хотя он делает элемент блоком и поэтому обеспечивает дополнение 50px как сверху, так и снизу. Есть ли способ сделать это так, чтобы прокладка появлялась только сверху? – user3293257
надеюсь, вы получите уведомление. – user3293257
Вы можете сделать гиперссылку, которая помещает курсор в виде поле на странице, добавив соответствующее имя поля. Просто добавьте резкий персонаж перед ним.
http://hyperlink#sms_recipient
Эта ссылка ведет на страницу и ставит акцент на поле номер мобильного телефона. Посетитель может сразу ввести номер и нажать отправить.
Ровно 50px? Вам нужно будет использовать Javascript. Вы можете просто разместить имя якоря выше, где вы хотите быть (примерно 5 '
' s) –
Вам просто нужно связать элемент 50px над тем, что вы хотите, чтобы пользователь увидел! – binaryatrocity
Вам не нужно * использовать JavaScript, и я бы не рекомендовал добавлять '
' элементы для пробелов. –