仅防止触摸设备的滚动锚链接

Question

我有以下锚链接。

<a href="#location">Link 1</a>

对于桌面，它应该向下滚动页面到id ### location＆＃39;，这是有效的，但是如果html具有来自Modenizr的触摸类，那么它应该打开#mobileClientList div。目前在iPad上它运行这两个功能，向下滚动页面然后打开div。

JS

$('#clientMenuButton').click(function(e) {
  if ($('html.touch').length > 0) {
    e.preventDefault();
    $('#mobileClientList').fadeToggle('slow');
  } else {
    $("html, body").animate({
      scrollTop: $($.attr(this, "href")).offset().top
    }, 500);
    return false;
  }
});

咖啡脚本

$('#clientMenuButton').click (e) ->
  if $('html.touch').length > 0
    e.preventDefault()
    $('#mobileClientList').fadeToggle 'slow'
    return
  else
    $("html, body").animate
    scrollTop: $($.attr(this, "href")).offset().top
   , 500
   false