Note that there are some explanatory texts on larger screens.

plurals
  1. POVertical Scroll Bar that moves content sideways
    primarykey
    data
    text
    <p>First time post on StackOverFlow.com, a shame as I am considered to be a computer science student. First and foremost, thank you all so much for the help you have already provided me via other's inquiry answering my own questions. Today I have my own real question which like this post's title may be hard to understand. I however like a challenge. </p> <pre><code>&lt;/introduction&gt; </code></pre> <p>ABSTRACT: Using the content of the website somethingmedia.co on the artist / philosophy pages; create a more user friendly display with special consideration of mobile devices.</p> <p>METHOD: Alter blocked 'div' content to be virtually inline and allow side scrolling. Please visit here for a clear representation to <a href="http://code.comunicatek.com/plugins/tekslider/index.html" rel="nofollow">[demo]</a> and see below for explanation[a]</p> <p>ALTERATION: While allowing for touch and hold sensitivity options as seen in [method] also allow the scrolling to occur with a mouse wheel. Please see <a href="http://css-tricks.com/examples/HorzScrolling/" rel="nofollow">[demo2]</a> and visit explanation[b] below.</p> <p>FUNCTIONALITY: In addition to the [method] and [alteration], allow scrolling to also occur upon users' movement of the pages scroll bar itself. <strong>Except</strong> (and here is the tricky part), make the scroll bar <em>vertical</em>, yet only move the content left and right. Scroll bar only visible on non mobile devices (i.e. PC / Laptops / Macintosh / etc).</p> <p>CONCLUSION: I like making websites and though I have never taken a formal class for websites (since the 6th grade) I continue to learn new things based on what I find unique and interesting. Therefore, I am curious to know if there is a way to implement this design in a simple and elegant fashion. Though my computer science experience is limited to Java and Python in school, I have independent experience in CSS, HTML, Java Script and a bit of CGI. If you're up for the challenge with me I ask you: "What is my first step?" </p> <pre><code>&lt;/concept&gt; </code></pre> <p>explanation[a]: code.comunicatek.com/en/tekslider_a_touch_focused_slider.html</p> <p>explanation[b]: css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload