На странице есть ссылки типа #slide1, #slide2, #slide3 (эти элементы имеют высоту и ширину 100% рабочей области) для перехода по ним сделал плавную прокрутку на jquery. Но возникла проблема: например, перехожу по ссылке #slide2 на мобильном устройстве, меняю ориентацию экрана (ландшафт-портрет), после чего на экране отображется не #slide2, а половина #slide1 и половина #slide2. Если убрать js-прокрутку, то браузер будет мгновенно переходить по ссылкам, но проблема исчезнет и как не крути телефон (плашет), всегда будет на весь экран отображаться текущий слайд.
Я так понимаю, проблема в том, что применяя js, мы просто прокручиваем страницу на нужное число пикселей и когда ориентация экрана меняется, меняется высота слайдов, а прокрутка остается на том же месте. Как мне сделать, чтоб после плавной прокрутки сделать дефолтный переход к внутристраничной ссылке, который обеспечит прилипание прокрутки в якорю, а не просто к рассчитанному числу пикселей?
