只有在移动设备上才能激活scrollDepth

时间:2014-11-18 18:59:29

标签: javascript jquery

当用户滚动到页面上的特定元素时,我使用scrollDepth触发Google Analytic事件,但是,我只希望在移动设备上触发此事件。某些元素与Desktop共享相同的ID。

基本上,如果用户在移动设备上,它应该只发送滚动事件,如果他们在桌面上,它将不会发送任何滚动事件。

这是我下面汇编的内容,然而,它似乎并没有发生。想法?

  jQuery(function() {
  jQuery.scrollDepth()
  });
  // Controls scroll-depth options
  jQuery.scrollDepth(function(e) {
  var scrollDepth = '(max-width: 600px)';
  if (window.matchMedia && window.matchMedia(scrollDepth).matches) {
  jQuery.scrollDepth({
    minHeight: 0,
    elements: ['.div1', '.div2', '.div3'],
    percentage: false,
    userTiming: false,
    pixelDepth: false,
    nonInteraction: false
  });
}
  else {
    e.preventDefault();
  }
});

1 个答案:

答案 0 :(得分:0)

var width = $(window).width();
if (width <= 600)  {
jQuery(function() {
  jQuery.scrollDepth()
  });
}
  // Controls scroll-depth options
  jQuery.scrollDepth({
    minHeight: 0,
    elements: ['.div1', '.div2', '.div3'],
    percentage: false,
    userTiming: false,
    pixelDepth: false,
    nonInteraction: false
  });