добавление масштабирования нарушает функциональность прокрутки меню

Question

У меня есть целевая страница с меню, которое прокручивает вас до выбранного раздела. Однако мой клиент отметил, что ему понравилась страница с 90-процентным увеличением. Я решил добавить следующую строку:

body { 
    zoom:90%; 
} 

Всякий раз, когда я нажимаю опцию меню, я получаю прокручивать вниз мимо секции я щелкнул. Есть ли способ сохранить как масштаб, так и функциональность прокрутки?

Вот страница я работаю с, в котором вы можете увидеть проблему самостоятельно:

http://soldaforte.com/

Answer 1

Во-первых, совместимость браузера для этого сайта плохо - и это быть щедрым. Чтобы быть справедливым, это скорее логическая проблема. Вы задали высоту каждого раздела, и вы указали количество прокрутки. Поэтому неудивительно, что когда вы уменьшаете масштаб, вам понадобится другое количество свитков и высота для каждого раздела. Чтобы исправить это, добавьте дополнение к каждому разделу, чтобы заполнить высоту экрана, а затем прокрутите по новой высоте раздела.

Лично я думаю, что вам лучше изменить размеры всего до 90% от его текущего размера: переработайте то, что у вас есть, вместо того, чтобы пытаться скрыть ошибки. Если вашему клиенту нравится 90%, сделайте это на 90% вместо того, чтобы заставить его выглядеть 90%.

Примечание: был бы комментарий, но разглагольствовал на немного ...