прокрутите вниз до определенного div с чистым css?

Question

Я искал это довольно долго: Я хочу, чтобы пользователи сразу прокручивали страницу, чтобы изображение заголовка было скрыто (из-за прокрутки вниз). Причина - слишком маленькие дисплеи. Однако он должен быть видимым на первой странице, если вы слишком сильно прокручиваетесь, чтобы быть каким-то хорошим дополнением.

В настоящее время я использую привязанные ссылки на всех подстраницах, таких как меню контактов/#. Но это не выглядит хорошо, и SEO не подходит.

Есть ли способ прокрутить вниз с помощью чистого css? Я не хочу использовать js, если не обязательно (хотя я бы знал, как это сделать).

Margin и padding на теле или html не помогут мне там, я боюсь.

На сайте я говорю о том, кстати это http://www.poessnitzberg.at/kontakt/#menu

Спасибо!

Answer 1

Позвольте мне начать, давая вам простой JQuery способ сделать это:

$('html, body').animate({ 
    scrollTop: $("#menu").offset().top 
},1000); 

Вы можете совместить это с $ (окна) .load или $ (документ) .ready немедленно уволить сразу страницы нагрузки или документ готов.

Что касается чистого CSS, я не знаю ни одного действительно жизнеспособного способа. Если они есть, я думаю, что они будут более сложными, если использовать этот кусок jQuery.