Question

正如标题所述，当网站上没有内容时，网站将滚动到右侧。

我只能在实际的移动设备上使用它时才能重新创建它。

当前正在进行转移，这就是链接当前是这样的原因。

http://georgecohen-co-uk.php5.hostingweb.co.uk/

如果有人可以帮助，将不胜感激！

Answer 1

请尝试这个

overflow-x:hidden;

它可能会解决您的问题

Answer 2

动画可能有问题吗？也许在负载上滑动的div会在水平方向上扩展ur页面。了解有关动画的更多信息。

或在CSS中添加

const endpoint = 'https://api.myjson.com/bins/agowj';
let people = [];
let peeps = [];
fetch(endpoint)
  .then(blob => blob.json())
  .then(data => people.push(...data))
  .then(splitArray(people, 5))
  .then(displayContent(0));

function displayContent(page) {
  let suggestions = document.querySelector('.suggestions');
  let html = peeps[page].map(person => {
    return `
    <tr>
    <td>${person.id}</td>
    <td>${person.firstName}</td>
    <td>${person.lastName}</td>
    <td>${person.dateOfBirth}</td>
    <td>${person.function}</td>
    <td>${person.experience}</td>
    </tr>
    `}).join("");
    suggestions.innerHTML = html;
  };

  function splitArray(arr, size) {
  peeps = [];
  for (i=0; i < arr.length; i += size){
    peeps.push(arr.slice(i, i + size));
  }
  return peeps;
}

Answer 3

尝试为div和/或相应的边框着色，以便您可以查找问题所在。我可能会使用Firebug或其他等效的插件/嵌入式浏览器工具

没有可见内容时，网站在移动设备上向右水平滚动

3 个答案: