我有一个单页网站，带有“点击滚动”导航，效果很棒。这种链接的代码如下所示;
<li><a href="#" data-scroll="contact">Contact<hr></a></li>
使用媒体查询，在移动版本中，我的网站会删除导航并将其替换为隐藏的下拉菜单，链接如下所示;
<a href="#" data-scroll="contact"><div class="col-xs-3 media-nav-contact"><p>Contact</p></div></a>
但此链接拒绝采用“点击滚动”导航？关于为什么的任何想法？
这是一个小事，看看http://jsfiddle.net/nK988/1/