Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Привязка элемента к концу страницы
 
 автор: kosta_in_net   (26.03.2015 в 20:05)   письмо автору
 
 

решил сделать кнопку "вверх", привязанную к концу страницы и прокручивающую страницу вверх.
Создал блок с id=polzun. Сделал стиль:
#polzun {position:absolute; right:290px; width:41px; height:39px}
Сделал скрипт:

var pagescrol={
    marginbotom : 120,// растояние до низа
    startpos : 200,// величина перемещения до появления кнопки
    html : document.documentElement,
    body : document.body
}

function move(){
    pagescrol.objmovedpos=pagescrol.body.clientHeight || pagescrol.html && pagescrol.html.clientHeight || 0;
    pagescrol.margintop=pagescrol.objmovedpos-pagescrol.marginbotom;

    pagescrol.scrollTop = pagescrol.html.scrollTop || pagescrol.body && pagescrol.body.scrollTop || 0;
    pagescrol.scrollTop -= pagescrol.html.clientTop;
    
    if(pagescrol.scrollTop>pagescrol.startpos){
        pagescrol.objmoved.style.top=pagescrol.margintop+pagescrol.scrollTop+'px';
        pagescrol.objmoved.style.display='block';
    }else{
        pagescrol.objmoved.style.display='none';
    }



if(pagescrol.objmoved=document.getElementById('polzun')){
    window.onscroll=move;
}

На компьютере работает нормально. Но на смартфоне при изменении масштаба страница растягивается до бесконечности.

В чем проблема и как исправить?

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования