3 дня мучаюсь - ничего не получается
 

Есть сайт okna-sever.ru. Когда высота страницы слишком большая, то слева появляется меню с кнопочкой "наверх".
В стационарных компьютерах все выглядит замечательно и мне нравится. Но если открыть такую страницу со смартфона или айфона, либо увеличить масштаб страницы и сдвинуть ползунок направо, то эта кнопочка закрывает собой текст.
Это происходит из-за "position:fixed". Без него не хотелось бы.
Уже все перепробовал - ничего получается. Не могу ни есть ни спать :-E . Помогите пожалуйста, добрые люди - сделайте новогодний подарок:)

Используй css media queries

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

Идея проста - при маленьком размере экрана просто не показывать меню. Не подходит?

дык у многих смартов разрешение экрана поболее, чем у ноутов. Думаю, это не решение

Значит тебе нужно что-то вроде этого.

Все верно. Мне нужен именно тот вариант, где х-абсолютное, y-фиксированная. Но там motools, который весит 60кб. Слишком жирно ради одной кнопки.

Проблема решена!
С помощью z-index плавающий блок прячется за блок с контентом. Таким образом его становится не видно при увеличении.:victory: