我想让移动设备滚动到某个位置,然后将其作为警报输出。我的代码在我的 PC 上的 chrome 中运行良好,但在移动设备上则无法正常工作。当我在 PC 上的 chrome 中运行开发人员工具并在移动设备上选择视图时,它不起作用,即使它在 PC 视图模式下工作正常。如果我将位置设置为30像素,则在移动设备视图中,屏幕根本不移动,并且警报返回零。我做错了什么?
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css">
<script src="crafty/crafty_postcode.class.js"></script>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="https://cc-cdn.com/generic/scripts/v1/cc_c2a.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js">
</script>
</head>
<body id="mainBodyId" style="margin-left:0.25cm;height: 1500px;width:1200px;" >'
<script language="JavaScript" type="text/javascript">
window.scrollTo(0,30);
alert('Current scroll from the top: ' + window.pageYOffset);
</script>
<form>
<span>
1<br>2<br>3<br>4<br>5<br>6<br>6<br>7<br>8<br>9<br>10<br>1<br>2<br>3<br>4
<br>5<br>6<br>6<br>7<br>8<br>9<br>10<br>1<br>2<br>3<br>4<br>5<br>6<br>6<br>7
<button>test</button>
<br>8<br>9<br>10<br>1<br>2<br>3<br>4<br>5<br>6<br>6<br>7<br>8<br>9<br>10<br>
1<br>2<br>3<br>4<br>5<br>6<br>6<br>
<button>test</button>
1<br>2<br>3<br>4<br>5<br>6<br>6<br>7<br>8<br>9<br>10<br>1<br>2<br>3<br>4<br>
5<br>6<br>6<br>7<br>8<br>9<br>10<br>1<br>2<br>3<br>4<br>5<br>6<br>6<br>7<br>
8<br>9<br>10<br>1<br>2<br>3<br>4<br>5<br>6<br>6<br>7<br>8<br>9<br>10<br>1<br>
2<br>3<br>4<br>5<br>6<br>6<br>7<br>8<br>
<button>test</button>
<br>10<br>1<br>2<br>3<br>4<br>5<br>6<br>6<br>7<br>8<br>9<br>10<br>1<br>2<br>3
<br>4<br>5<br>
<button>test</button>
6<br>6<br>7<br>8<br>9<br>10<br>1<br>2<br>3<br>4<br>5<br>6<br>6<br>7<br>8<br>
9<br>10<br>1<br>2<br>3<br>4<br>5<br>6<br>6<br>7<br>8<br>9<br>10<br>1<br>2<br>
3<br>4<br>5<br>6<br>6<br>7<br>8<br>9<br>10<br>1<br>2<br>3<br>4<br>5<br>6<br>6
<br>7<br>8<br>9
<button>test</button>
<br>10<br>1<br>2<br>3<br>4<br>5<br>6<br>6<br>7<br>8<br>9<br>10<br>1<br>2<br>
3<br>4<br>5<br>6<br>6<br>7<br>8<br>9<br>10<br>
<button>test</button>
</span>
</form>
</body>
</html>
我希望屏幕垂直移动到 30 像素,并在 chrome 开发人员工具、移动设备视图中输出 30 像素的警报。
试试这个而不是window.scrollTo(0, 30)
window.addEventListener('load', function(){
window.scrollTo(0,30);
});