垂直滚动条，横向移动内容

StackOverFlow.com上的首次发帖，我被认为是计算机科学专业的学生，这是一种耻辱。首先，非常感谢您通过其他人的询问回答了我自己的问题，为您提供的帮助。今天我有我自己真正的问题，喜欢这个职位的标题可能很难理解。我不过是一个挑战。垂直滚动条，横向移动内容

</introduction>

摘要：在艺术家/哲学页面上使用网站somethingmedia.co的内容;特别考虑移动设备，创建更加用户友好的显示屏。

方法：ALTER阻塞“DIV”含量为几乎直列并允许侧滚动。请访问这里明确表示，以[demo]，看看下面的解释[A]

维修：同时允许触摸并保持灵敏度选择在[方法]看到还允许用鼠标滚轮来进行滚动。请参阅[demo2]并访问下面的解释[b]。

功能性：除了[方法]和[变更]，允许滚动时用户的页面的运动也发生滚动条本身。除了（这里是棘手的部分），使滚动条垂直，但只是左右移动内容。滚动条仅在非移动设备上可见（即PC /笔记本电脑/ Macintosh /等）。

结论：我喜欢做的网站，虽然我从来没有采取正式上课的网站（因为6年级）我继续学习基础是什么，我觉得独特而有趣的新事物。因此，我很想知道是否有方法以简单优雅的方式实现这一设计。虽然我的计算机科学经验仅限于学校的Java和Python，但我在CSS，HTML，Java Script和一些CGI方面拥有独立的经验。如果你愿意接受我的挑战，我会问你：“我的第一步是什么？”

</concept>

解释并[a]：code.comunicatek.com/en/tekslider_a_touch_focused_slider.html

解释并[b]：css-tricks.com/snippets/jquery/horz-scroll-with-mouse-轮/

来源

2013-04-20 user2301308

你想要把你的问题写成正式的报告？我感觉很难理解...... – 2013-04-20 13:12:02

的问题是有点混乱，但假设你真正的意思是，“我怎样才能有一个使用垂直滚动条水平滚动页面的网页，”我想尝试这样的事：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8"> 
    <title>Vertizontal Scrolling</title> 

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script> 
    <script> 
     $(document).ready(function() { 
      $('#page-scroll').height($('#page-wrap').outerWidth()); 
      $(window).scroll(function() { 
       $('#page-wrap').css('left',-1 * $(window).scrollTop()); 
      }); 
     }); 
    </script> 

    <style type="text/css" style="display: none !important;"> 
     #page-wrap { 
      position:fixed; 
      left:0; 
      top:0; 
      z-index:10; 
     } 
     #page-scroll { 
      z-index:1; 
     } 
    </style> 

</head> 
<body> 

    <div id="page-scroll"> 
     <!--- intentionally empty ---> 
    </div> 

    <div id="page-wrap"> 
     <!--- really wide content goes here ---> 
    </div> 

</body> 
</html>

来源

2013-10-12 09:16:33 webeye

垂直滚动条，横向移动内容

回答

相关问题