html滚动:跳转到页面末尾(水平)w/javascript?

html滚动:跳转到页面末尾(水平)w/javascript?,javascript,html,scroll,Javascript,Html,Scroll,是否有脚本将页面跳转到水平端 用户可以按键盘上的“Home”和“End”键跳转到网页的顶部和底部,但右侧和左侧呢 我怎样才能避免用户不得不滚动到x滚动的很远很远的深度的不便呢通常我会说,分页可以避免用户到处滚动,但是还有一些其他技术。您可以在页面右侧包含一个“右”按钮,该按钮链接到某个对象的ID。那会让他们立刻跳到那里。看起来像这样 <a href="#overtotheright">Goto the Right</a> . . . <div id="overtot

是否有脚本将页面跳转到水平端

用户可以按键盘上的“Home”和“End”键跳转到网页的顶部和底部,但右侧和左侧呢


我怎样才能避免用户不得不滚动到x滚动的很远很远的深度的不便呢通常我会说,分页可以避免用户到处滚动,但是还有一些其他技术。您可以在页面右侧包含一个“右”按钮,该按钮链接到某个对象的ID。那会让他们立刻跳到那里。看起来像这样

<a href="#overtotheright">Goto the Right</a>
. . .
<div id="overtotheright"> . . . </div>

水平滚动在某种程度上并不常见,因为浏览器自然会尝试垂直滚动,除非不可压缩的元素确实溢出可见区域;因此,我将假设您更多地处于明确的水平设计中,例如:

在任何情况下,基本原理都是一样的:捕捉一些关键*事件,然后做你想做的事情

捕捉事件并启动滚动功能:

document.body.addEventListener('keydown', scrollfct, true);
function scrollfct(e) {
   console.log(evt.keyCode); /* this will debug that your function is being called, and will help you get the keyCodes you want. Remove in production :-) */
   var HOME_LEFT = 33; //HOME
   var HOME_RIGHT = 34; //END
   if (e.keyCode == HOME_LEFT) {
       window.scroll(0,0);
   };
   if (e.keyCode == HOME_RIGHT) {
       window.scroll(document.body.scrollWidth,0);
   }
}
第一个警告:“keypress”不会捕捉特殊字符,如向上/向下等,因此请使用“keydown”或“keyup”

现在,滚动功能:

document.body.addEventListener('keydown', scrollfct, true);
function scrollfct(e) {
   console.log(evt.keyCode); /* this will debug that your function is being called, and will help you get the keyCodes you want. Remove in production :-) */
   var HOME_LEFT = 33; //HOME
   var HOME_RIGHT = 34; //END
   if (e.keyCode == HOME_LEFT) {
       window.scroll(0,0);
   };
   if (e.keyCode == HOME_RIGHT) {
       window.scroll(document.body.scrollWidth,0);
   }
}
对于window.scroll文档:

第二个警告:要完全跨浏览器,你必须做一些家庭作业


如果你也想处理鼠标滚轮,或者想要一些平滑的滚动,请查看以下内容:或者使用jQuery:或者只使用HTML5 CSS转换。

应该是滚动宽度吗?(因为@dany想要页面的水平端)我刚才看到了,更改了代码。现在我正在考虑,@dany可能想抓住主页并结束关键事件来执行滚动。谢谢您的详细回答