Прокрутка фонового изображения вверх

Если изображение имеет большой размер по вертикали, а его нужно уместить в небольшой по высоте блок, то его можно прокручивать при наведении мыши.

Пример:

HTML:

CSS:

Если нужно использовать для прокрутки не фон, а картинку <img>, то используем:

HTML:

CSS:

Результат точно такой же:

1

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Vladimir:

    Здравствуйте, подскажите почему данные варианты не работают на Mac Safari, все остальные браузеры даже на маке отлично плавно отображают, а в Сафари всё происходит моментально, резко и без прокрутки?

    Ответить
    • Alexander:

      Плавность делается свойством transition
      В Safari с ним что то не так значит, к сожалению я проверить не могу.
      Смотреть в эту сторону нужно, например вот тема

      Как вариант, попробуйте поставить еще все префиксы для transition, такие как webkit, moz и т.д.

      Ответить