- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我已经建立了一个视差滚动网站,但是我无法为移动设备禁用 stellar.js。我的 HTML 和 CSS 还可以,但我非常缺乏 JavaScript 和 jQuery 知识。我尝试将以下内容添加到我的 main.js 文件的开头:
function detectmob() {
if (window.innerWidth <= 768) {
stellarActivated = false;
} else {
stellarActivated = true;
}
}
谁能告诉我如何最好地解决这个问题?
非常感谢。
最佳答案
您可以从该网站下载 JS 或 jQuery 正则表达式代码 - http://detectmobilebrowsers.com/
然后将此库包含在元素的 header 部分,以检测发出请求的用户代理是否为移动设备。该库提供了一个 bool 属性 jQuery.browser.mobile
如果请求设备是移动设备则该属性为真,您可以像这样使用它-
if(jQuery.browser.mobile)
{
stellarActivated = false;
}
else
{
stellarActivated = true;
}
关于javascript - 在移动设备上禁用 stellar.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29938350/
我正在使用 stellar.js为垂直滚动网站添加视差效果,但背景位置有问题。当我使用“data-stellar-background-ratio”类在 div 上添加视差效果时,我无法通过 CSS
我正在使用 Stellar.js 一个很好的视差插件。链接如下:http://bit.ly/XUs0oW 想知道是否可以使用百分比而不是像素来设置偏移量... 正如您在第一张图像的代码中看到的,我添加
我正在使用 stellar.js,但我遇到了一个问题,我不知道是否我使用错误,或者插件是否无法正常工作... 我有一个 html 元素 当我像这样调用恒星插件时: $.stellar({respon
我已经建立了一个视差滚动网站,但是我无法为移动设备禁用 stellar.js。我的 HTML 和 CSS 还可以,但我非常缺乏 JavaScript 和 jQuery 知识。我尝试将以下内容添加到我的
编辑:问题示例:https://codepen.io/wa23/pen/yooGyO使实时渲染窗口尽可能高以查看效果。从地球图片开始滚动,当您到达第 3 个格时,图像已经移动,几乎完全看不见了。 我有
我正在使用 stellar JS (http://markdalgleish.com/projects/stellar.js/) 为 Ipad 构建一个视差滚动网站,我想在某个高度触发一个函数(使从屏
我正在尝试使用 Stellar.js 创建一个带有两个图像标签元素的简单视差,但它不起作用。我尝试了一些不同的配置。我现在拥有的实际上是 Stellar.js 创建者自己的教程脚本的复制粘贴(应用于我
如标题所示,我正在使用 Stellar.js。我只有一个视差元件,而且非常简单。这是一个带有背景图片的部分。背景图像设置为固定(如文档所述,以避免抖动),但图像仍然抖动——在 Chrome 中有点,在
有没有办法在浏览器/窗口调整大小时重新初始化 stellar.js,以便重新调整元素偏移量? 最佳答案 首先,听起来您可能遇到了水平对齐问题(假设它是一个垂直网站)。如果是这样,您可能只需要禁用水平滚
我正在尝试使用 Stellar.js 来实现视差效果,但是 data-stellar-ratio=""标签让我的元素错位了。我有这个代码: 使用这些 CSS: .outer-ring {
有没有办法在代码中打开和关闭 stellar.js?我尝试用不同的参数调用“stellar”方法,但似乎它只有效一次: $(document).ready(function() {
我正在使用 Stellar.js v0.6.2 jQuery 插件来显示 6 个具有视差效果的背景图像。 第一次加载页面时一切正常,但如果我重新加载/刷新它,我会发现背景位置设置错误并且视差效果被破坏
我正在尝试使用 stellar.js(我听说它有问题)创建一个简单的三“幻灯片”视差页面。理想情况下,后两页包含一个位于中心底部的图像元素,文本 float 在其上方的中心位置。在不同的浏览器大小和不
我的水平偏移效果有问题。我只想使用 Stellar JS 在垂直滚动条上水平移动 img。截至目前,我有一个 1800 像素高的容器元素和一个 img ,其高度和宽度在加载时动态设置(基于视口(vie
我有一些元素,我正在使用 Stellar.JS 使元素在滚动时滑动 - 视差。 示例如下:FIDDLE 我希望标题 Trainers 在滚动时向上移动。我在上面使用了 data-stellar-rat
在过去的几个小时里,我一直在尝试解决一个非常简单的解决方案,但我正在用头撞墙,希望这里有人能发现我缺少的东西。 尝试使特色图像 slider 具有视差效果(类似于 this )。我在标题中调用了恒星脚
我已经安装了 Stellar 插件并使其正常工作: $.stellar({ horizontalScrolling: false, verticalOffset: -600
我正在尝试使用 stellar.js 在一页站点上实现视差效果插入。我想要的是每张幻灯片都有 100% 的高度。当我加载页面时一切正常,但如果我调整浏览器的大小,在带有图像背景的幻灯片后会出现奇怪的白
我正在使用 Stellar JS 创建一个视差网站,但我在“幻灯片”中定位元素时遇到了严重问题。我所有的元素都与给定的 CSS 完美对齐;然而,一旦我向图像添加“data-stellar-ratio”
我正在使用 Stellar.js 开发垂直滚动网站。但是,当我开始滚动到其他页面时,我为第一张幻灯片设置的背景图像开始移动。我如何保持固定?网址:http://andrewgu12.kodingen.
我是一名优秀的程序员,十分优秀!