[jQuery] Kelvin's Scroll Pane
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 10">
<meta name=Originator content="Microsoft Word 10">
<link rel=File-List href="cid:filelist.xml@01C73D9E.F7DEA840">
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:DoNotRelyOnCSS/>
</o:OfficeDocumentSettings>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:SpellingState>Clean</w:SpellingState>
<w:GrammarState>Clean</w:GrammarState>
<w:DocumentKind>DocumentEmail</w:DocumentKind>
<w:EnvelopeVis/>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
</w:WordDocument>
</xml><![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;
mso-font-charset:0;
mso-generic-font-family:swiss;
mso-font-pitch:variable;
mso-font-signature:1627421319 -2147483648 8 0 66047 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0in;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;
text-underline:single;}
a:visited, span.MsoHyperlinkFollowed
{color:blue;
text-decoration:underline;
text-underline:single;}
p
{mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
span.gmailquote
{mso-style-name:gmail_quote;}
span.e
{mso-style-name:e;}
span.EmailStyle20
{mso-style-type:personal-reply;
mso-style-noshow:yes;
mso-ansi-font-size:10.0pt;
mso-bidi-font-size:10.0pt;
font-family:Arial;
mso-ascii-font-family:Arial;
mso-hansi-font-family:Arial;
mso-bidi-font-family:Arial;
color:navy;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.25in 1.0in 1.25in;
mso-header-margin:.5in;
mso-footer-margin:.5in;
mso-paper-source:0;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin:0in;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";}
</style>
<![endif]-->
</head>
<body lang=EN-US link=blue vlink=blue style='tab-interval:.5in'>
<div class=Section1>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>The up and down arrows only scroll the
pane after releasing the mouse button. I was expecting them to start scrolling
the content while clicking and holding the mouse button down. Similar to how it
scrolls when clicking in the middle of the scrollbar area. <o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>-Marshall<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal style='margin-left:.5in'><font size=2 face=Tahoma><span
style='font-size:10.0pt;font-family:Tahoma'>-----Original Message-----
<b><span style='font-weight:bold'>From:</span></b> discuss-bounces@jquery.com
[mailto:discuss-bounces@jquery.com] <b><span style='font-weight:bold'>On Behalf
Of </span></b>Yehuda Katz
<b><span style='font-weight:bold'>Sent:</span></b> Sunday, January 21, 2007
7:47 PM
<b><span style='font-weight:bold'>To:</span></b> jQuery Discussion.
<b><span style='font-weight:bold'>Subject:</span></b> Re: [jQuery] Kelvin's
Scroll Pane</span></font>
<p class=MsoNormal style='margin-left:.5in'><font size=3 face="Times New Roman"><span
style='font-size:12.0pt'><o:p> </o:p></span></font>
<p class=MsoNormal style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:
12.0pt;margin-left:.5in'><font size=3 face="Times New Roman"><span
style='font-size:12.0pt'>I'm not sure what you mean.
-- Yehuda<o:p></o:p></span></font>
<div>
<p class=MsoNormal style='margin-left:.5in'><span class=gmailquote><font
size=3 face="Times New Roman"><span style='font-size:12.0pt'>On 1/21/07, <b><span
style='font-weight:bold'>Marshall Salinger</span></b> <<a
href="mailto:marshall@salingermultimedia.com">marshall@salingermultimedia.com </a>>
wrote:</span></font></span><o:p></o:p>
<div link=blue vlink=blue>
<div>
<p style='margin-left:.5in'><font size=2 color=navy face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:navy'>Yehuda ,</span></font><o:p></o:p>
<p style='margin-left:.5in'><font size=2 color=navy face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:navy'> </span></font><o:p></o:p>
<p style='margin-left:.5in'><font size=2 color=navy face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:navy'>These are great
enhancements to the scrollbar plugin. Would it be possible to have it scroll on
mousedown? </span></font><o:p></o:p>
<p style='margin-left:.5in'><font size=2 color=navy face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:navy'> </span></font><o:p></o:p>
<p style='margin-left:.5in'><font size=2 color=navy face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:navy'>Thanks,
Marshall </span></font><o:p></o:p>
<div><span id="q_11046a09b28b433c_1">
<p style='margin-left:.5in'><font size=2 color=navy face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:navy'> </span></font><o:p></o:p>
<p style='margin-left:1.0in'><font size=2 face=Tahoma><span style='font-size:
10.0pt;font-family:Tahoma'>-----Original Message-----
<b><span style='font-weight:bold'>From:</span></b> <a
href="mailto:discuss-bounces@jquery.com" target="_blank"
onclick="return top.js.OpenExtLink(window,event,this)">discuss-bounces@jquery.com</a>
[mailto:<a href="mailto:discuss-bounces@jquery.com" target="_blank"
onclick="return top.js.OpenExtLink(window,event,this)">discuss-bounces@jquery.com</a>]
<b><span style='font-weight:bold'>On Behalf Of </span></b>Yehuda Katz
<b><span style='font-weight:bold'>Sent:</span></b> Saturday, January 20, 2007
7:31 PM
<b><span style='font-weight:bold'>To:</span></b> jQuery Discussion.
<b><span style='font-weight:bold'>Subject:</span></b> Re: [jQuery] Kelvin's
Scroll Pane</span></font><o:p></o:p>
<p style='margin-left:1.0in'><font size=3 face="Times New Roman"><span
style='font-size:12.0pt'> <o:p></o:p></span></font>
<p style='mso-margin-top-alt:5.0pt;margin-right:0in;margin-bottom:12.0pt;
margin-left:1.0in'><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'>And to see what the new scroll pane is capable of, I have updated the
demo:
<a href="http://www.visualjquery.com/scroll_pane/index.htm" target="_blank"
onclick="return top.js.OpenExtLink(window,event,this)">http://www.visualjquery.com/scroll_pane/index.htm</a><o:p></o:p></span></font>
<div>
<p style='margin-left:1.0in'><font size=3 face="Times New Roman"><span
style='font-size:12.0pt'>On 1/20/07, <b><span style='font-weight:bold'>Yehuda
Katz</span></b> <<a href="mailto:wycats@gmail.com" target="_blank"
onclick="return top.js.OpenExtLink(window,event,this)"> wycats@gmail.com</a>>
wrote:<o:p></o:p></span></font>
<p style='margin-left:1.0in'><font size=3 face="Times New Roman"><span
style='font-size:12.0pt'>Hey Guys,
I have been working on a project that could make use of Kelvin's scroll pane.
I have made a few enhancements:
* Keyboard support
* Separate top/middle/bottom elements for the dragger
* "activated" class for track when scrolling or key action is
possible
This means that you can now have a pretty scrollbar that has a separate
activated/deactivated state.
Take a look at: <a href="http://www.visualjquery.com/scroll_pane/index.htm"
target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://www.visualjquery.com/scroll_pane/index.htm
</a>
It's not fully ready, so any feedback would be most appreciated.<br clear=all>
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325 <o:p></o:p></span></font>
</div>
<p style='margin-left:1.0in'><font size=3 face="Times New Roman"><span
style='font-size:12.0pt'>
<br clear=all>
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325 <o:p></o:p></span></font>
</div>
</div>
</div>
</span>
<p class=MsoNormal style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:
12.0pt;margin-left:.5in'><font size=3 face="Times New Roman"><span
style='font-size:12.0pt'>
_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com"
onclick="return top.js.OpenExtLink(window,event,this)">discuss@jquery.com</a>
<a href="http://jquery.com/discuss/" target="_blank"
onclick="return top.js.OpenExtLink(window,event,this)">http://jquery.com/discuss/</a><br
style='mso-special-character:line-break'>
<![if !supportLineBreakNewLine]><br style='mso-special-character:line-break'>
<![endif]><o:p></o:p></span></font>
</div>
<p class=MsoNormal style='margin-left:.5in'><font size=3 face="Times New Roman"><span
style='font-size:12.0pt'>
<br clear=all>
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325 <o:p></o:p></span></font>
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/