使用JavaScript将页面滚动到屏幕的某个点(如果小于某个大小)?
我正在帮助一位朋友为他的游戏演示创建一个页面,并尝试设置页面,如果页面在高度小于765px的窗口中加载,页面将按页眉滚动。这是最新的 在做了大量的谷歌搜索以找到解决方案后,我希望加入一些JavaScript,以达到以下目的:使用JavaScript将页面滚动到屏幕的某个点(如果小于某个大小)?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在帮助一位朋友为他的游戏演示创建一个页面,并尝试设置页面,如果页面在高度小于765px的窗口中加载,页面将按页眉滚动。这是最新的 在做了大量的谷歌搜索以找到解决方案后,我希望加入一些JavaScript,以达到以下目的: var mq = window.matchMedia('@media all and (max-height: 765px)'); if (mq.matches) { window.scrollBy(0
var mq = window.matchMedia('@media all and (max-height: 765px)');
if (mq.matches) {
window.scrollBy(0, 0);
} else {
window.scrollBy(200, 0);
}
到目前为止,我没有任何运气让它工作。我只对JavaScript有一个非常基本的了解,但据我所知,我不能在需要时使用CSS/HTML自动向下滚动页面。任何提示或建议将不胜感激!谢谢大家! 听起来你想要
window.scrollBy(0200)代码>。使用window.scrollBy(200,0)
您正在向右滚动200px,而不是向下滚动。实际上,当我查看描述时,if
和else
的逻辑似乎也需要颠倒。事实上你甚至不需要后者if(mq.matches)window.scrollBy(0200)代码>。听起来你想要窗口。滚动(0200)代码>。使用window.scrollBy(200,0)
您正在向右滚动200px,而不是向下滚动。实际上,当我查看描述时,if
和else
的逻辑似乎也需要颠倒。事实上你甚至不需要后者if(mq.matches)window.scrollBy(0200)代码>。