2017-01-06 3 views
0

Итак, попробовав несколько вещей, я наткнулся на несколько сообщений и узнал, что этот код работал для меня, чтобы автоматически прокручиваться до нужного места, как только я щелкнул по нему. Но на мобильном я не нуждаюсь в смещении, поэтому я хочу, чтобы он был удален. (в основном нужны медиа-запросы в javascript)..scrollto только на рабочем столе со смещением

$('.show-more').on('click', function() { 
    $.scrollTo($('#scrollto_shortcut'), { 
    duration: 0, 
    offset: -60 
     //Only -60 on desktop with max-width is 1006px, on mobile no offset 
    }); 
}); 

Можете ли вы, ребята, помочь мне?

+0

это где-то жить? Там должен быть способ избежать смещения или рассчитать его на основе вашего html. Не может помочь, когда мы не знаем, как выглядит ваш html. –

+0

fyi this [ответить] (http://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header#answer-24298427) от MarkNottingham показывает, как это сделать с помощью просто css, чем @media может использоваться только для применения к разрешениям рабочего стола. –

ответ

0

Detect isMobile затем установить сокращенную если другое заявление для offset

var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); 
$('.show-more').on('click', function() { 
    $.scrollTo($('#scrollto_shortcut'), { 
     duration: 0, 
     offset: !isMobile ? -60 : 0 
    }); 
}); 
Смежные вопросы