javascript - 如何禁用移动设备上的 Bootstrap 数据 spy ? (分辨率较小)

标签 javascript html css twitter-bootstrap scroll

我正在使用 Bootstrap 默认数据 spy 在滚动页面时动态更改导航栏链接的外观,如下所示:

<body data-spy="scroll" data-target=".navbar" data-offset="50">

如何禁用它以进行移动 View ? 如果它是一个普通的 css 类,我会这样做:

@media (min-width: 768px)

谢谢。

最佳答案

你可以使用jquery来实现

if ($(window).width() < 768) {
   $('body').removeAttr('data-spy');
}
else {
   $('body').attr('data-spy','scroll');
}

关于javascript - 如何禁用移动设备上的 Bootstrap 数据 spy ? (分辨率较小),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44018257/

相关文章:

javascript - 随后如何加载和覆盖 Google Web Fonts?

php - 错误插入多个值数据库 php

ruby-on-rails-3 - 如何水平对齐从 rails 循环生成的 Div

html - 更改 HTML 导出到 Word 的边距

javascript - 固定导航 - 滚动到顶部

javascript - CSS 属性拒绝使用 JavaScript 或 Jquery 进行更改

javascript - 在 JS 中隐藏/显示页面的一部分

javascript - 使用 Array.prototype.filter() 不会重复删除数组的数组

javascript - 单个 div 的视差效果

javascript - 寻找有关如何在鼠标突出显示链接时显示信息警报的选项