在移动设备中使用 html 中的 javascript 的水平滚动问题

问题描述 投票:0回答:0

我有一个水平滚动的网站,在桌面上完美运行,对于我使用如下 javascript 的页面:

var item = {};
item.name = "#home-page";
item.stackOrder = 99;
item.content = "html";
item.screenPos = ["center", "-150%", "-250%", "-350%", "-450%", "-550%", "-650%"];
item.offsetV = 150;
item.visibility = ["true", "true", "true", "true", "true", "true", "true"];
items.push(item);
var item = {};
item.name = "#aboutus-page";
item.stackOrder = 99;
item.content = "html";
item.screenPos = ["150%", "center", "-150%", "-250%", "-350%", "-450%", "-550%"];
item.offsetV = 0;
item.visibility = ["true", "true", "true", "true", "true", "true", "true"];

items.push(item);
var item = {};
item.name = "#blog-page";
item.stackOrder = 99;
item.content = "html";
item.screenPos = ["250%", "150%", "center", "-150%", "-250%", "-350%", "-450%"];
item.offsetV = 0;
item.visibility = ["true", "true", "true", "true", "true", "true", "true"];
items.push(item);
var item = {};
item.name = "#portfolio-page";
item.stackOrder = 99;
item.content = "html";
item.screenPos = ["350%", "250%", "150%", "center", "-150%", "-250%", "-350%"];
item.offsetV = 0;
item.visibility = ["true", "true", "true", "true", "true", "true", "true"];
items.push(item);

var item = {};
item.name = "#shark-page";
item.stackOrder = 99;
item.content = "html";
item.screenPos = ["450%", "350%", "250%", "150%", "center", "-150%", "-250%"];
item.offsetV = 0;
item.visibility = ["true", "true", "true", "true", "true", "true", "true"];
items.push(item);


var item = {};
item.name = "#gallery-page";
item.stackOrder = 99;
item.content = "html";
item.screenPos = ["450%", "350%", "250%", "150%", "250%", "center", "-250%"];
item.offsetV = 0;
item.visibility = ["true", "true", "true", "true", "true", "true", "true"];
items.push(item);

var item = {};
item.name = "#journey-page";
item.stackOrder = 99;
item.content = "html";
item.screenPos = ["450%", "350%", "250%", "150%", "250%", "350%", "center"];
item.offsetV = 0;
item.visibility = ["true", "true", "true", "true", "true", "true", "true"];
items.push(item);

问题是无论我做什么,它在移动设备上都无法正常运行,实时 url 如下: 直播网址 谁能告诉我有没有办法让它适合移动设备

javascript html css responsive-design horizontal-scrolling
© www.soinside.com 2019 - 2024. All rights reserved.