Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Исчезает прокрутка наверх на маленьком мониторе (https://javascript.ru/forum/jquery/44046-ischezaet-prokrutka-naverkh-na-malenkom-monitore.html)

son313 03.01.2014 21:58

Исчезает прокрутка наверх на маленьком мониторе
 
Всем привет. С новым годом). При прокрутке вниз должна появляться картинка, по нажатию на которую все содержимое прокручивается вверх. Обычная фишка на многих сайтах. На большом экране все нормально. Но если экран маленький, это не работает. Взял простенький код собственно картинка. Добавил перед закрывающим тегом боди.
<p id='back-top' style='position:fixed; margin-left:986px; margin-top:623px;'><a href='#top'><img src='images/up.gif'></a></p>


Скрипт обработки, ну и само собой подключение джакурю как ее тут называют )) .
// JavaScript Document
	
		$(document).ready(function(){

    // hide #back-top first
    $("#back-top").hide();
    
    // fade in #back-top
    $(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 230) {
                $('#back-top').fadeIn();
            } else {
                $('#back-top').fadeOut();
            }
        });

        // scroll body to 0px on click
        $('#back-top a').click(function () {
            $('body,html').animate({
                scrollTop: 0
            }, 600);
            return false;
        });
    });

});


Что не так?

рони 03.01.2014 22:35

son313, а так?
style='position:fixed;left:986px; bottom: 50px'

son313 04.01.2014 00:38

Я дико извиняюсь. )) Все работает. То же пробовал bottom до этого и думал в чем проблема. Видимо от праздников еще не отошел. ... Изменение делал на локальной машине, а результат смотрел на хостинге..) .. Еще раз спасибо и с праздниками всех)


Часовой пояс GMT +3, время: 06:15.