2

http://ewalliance.ru/

Ссылка на архив сайта: http://rgho.st/7QHT24Q8T

Скролл работает из меню работает во всех браузерах кроме Mozilla Firefox, с чем это может быть связано?

введите сюда описание изображения

JS:

$(document).ready(function(){
    $("#menu").on("click","a", function (event) {

    event.preventDefault();


    var id = $(this).attr('href'),


    top = $(id).offset().top;


    $('body,html').animate({scrollTop: top}, 1500);
    });
});

$(document).ready(function(){
    $(".deactivatemenu").on("click","a", function (event) {

    event.preventDefault();


    var id = $(this).attr('href'),


    top = $(id).offset().top;


    $('body,html').animate({scrollTop: top}, 1500);
    });
});

$(document).ready(function(){
    $(".arrow").on("click","a", function (event) {

    event.preventDefault();


    var id = $(this).attr('href'),


    top = $(id).offset().top;


    $('body,html').animate({scrollTop: top}, 1500);
    });
});


window.onload = function() { 

    var scrollUp = document.getElementById('scrollup'); 

    scrollUp.onmouseover = function() { 
        scrollUp.style.opacity=0.8;
        scrollUp.style.filter  = 'alpha(opacity=30)';
    };

    scrollUp.onmouseout = function() { 
        scrollUp.style.opacity = 1;
        scrollUp.style.filter  = 'alpha(opacity=50)';
    };

    scrollUp.onclick = function() { 
        $('html, body').animate({scrollTop:0}, 1500);
    };



    window.onscroll = function () {
        if ( window.pageYOffset >= 200 ) {
            $(scrollup).stop().animate({opacity:'1.0'},100);
            scrollup.style.display = 'block';
        } else {
            $(scrollup).stop().animate({opacity:'0.0'},100);
            scrollup.style.display = 'none';
        }
    };
};




$(document).ready(function(){
    $("#menu").on("click","a", function (event) {

    event.preventDefault();


    var id = $(this).attr('href'),


    top = $(id).offset().top;


    $('body,html').animate({scrollTop: top}, 1500);
    });
});
11
  • У вас и в Chrome не очень хорошо работает: у меня получается скроллить по горизонтали.
    – diralik
    10 июн 2017 в 20:23
  • @Дмитрий Можно установить причину?
    – user234223
    10 июн 2017 в 20:25
  • Чтобы нельзя было скроллить по горизонтали стоит написать что-нибудь вроде html, body { width: 100%; }. Скролл в Firefox я пока не знаю как исправить.
    – diralik
    10 июн 2017 в 20:27
  • 1
    Кстати эл-та с id #komy не существует
    – Alex78191
    10 июн 2017 в 20:30
  • @Alex78191 Задал уже.
    – user234223
    10 июн 2017 в 20:33

1 ответ 1

1

Устанавливай overflow-x: hidden или для html или body, но не для обоих.

body {
  overflow-x: hidden;
}

Иначе вместо использования overflow-x можно вручную убрать выступы элементов за ширину body.

введите сюда описание изображения

10
  • Появился скролл по горизонтали
    – user234223
    10 июн 2017 в 21:57
  • @user234223 обновил ответ
    – Alex78191
    10 июн 2017 в 21:58
  • Уберу отступы, тогда объекты будут не по центру Как быть с этим? vertical-align поможет?
    – user234223
    10 июн 2017 в 21:59
  • @user234223 какие элементы?
    – Alex78191
    10 июн 2017 в 22:02
  • 1
    @Дмитрий Использовал дополнение Tilt 3D
    – Alex78191
    10 июн 2017 в 23:10

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.