Response title
This is preview!
Move this topic
[jQuery] Kelvin's Scroll Pane
in Using jQuery
•
15 years ago
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">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
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
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">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
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Replies(5)
Re: [jQuery] Kelvin's Scroll Pane
15 years ago
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">http://www.visualjquery.com/scroll_pane/index.htm</a>
<div><span class="gmail_quote">
On 1/20/07, <b class="gmail_sendername">Yehuda Katz</b> <<a href="mailto:wycats@gmail.com">wycats@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
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"><span class="sg">
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325
</span></blockquote></div>
<br clear="all">
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
<a href="http://www.visualjquery.com/scroll_pane/index.htm">http://www.visualjquery.com/scroll_pane/index.htm</a>
<div><span class="gmail_quote">
On 1/20/07, <b class="gmail_sendername">Yehuda Katz</b> <<a href="mailto:wycats@gmail.com">wycats@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
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"><span class="sg">
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325
</span></blockquote></div>
<br clear="all">
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Leave a comment on wycats's reply
Re: [jQuery] Kelvin's Scroll Pane
15 years ago
And yes, I know IE hates it at the moment,
-- Yehuda
<div><span class="gmail_quote">On 1/20/07, <b class="gmail_sendername">Yehuda Katz</b> <<a href="mailto:wycats@gmail.com">wycats@gmail.com</a>> wrote:
</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">And to see what the new scroll pane is capable of, I have updated the demo:<span class="q">
<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>
</span><div><span class="e" id="q_11042b4ff7d30b0f_2">
<div><span class="gmail_quote">
On 1/20/07, <b class="gmail_sendername">Yehuda Katz</b> <<a href="mailto:wycats@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">wycats@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
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"><span>
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325
</span></blockquote></div>
<br clear="all">
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325
</span></div></blockquote></div>
<br clear="all">
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
-- Yehuda
<div><span class="gmail_quote">On 1/20/07, <b class="gmail_sendername">Yehuda Katz</b> <<a href="mailto:wycats@gmail.com">wycats@gmail.com</a>> wrote:
</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">And to see what the new scroll pane is capable of, I have updated the demo:<span class="q">
<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>
</span><div><span class="e" id="q_11042b4ff7d30b0f_2">
<div><span class="gmail_quote">
On 1/20/07, <b class="gmail_sendername">Yehuda Katz</b> <<a href="mailto:wycats@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">wycats@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
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"><span>
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325
</span></blockquote></div>
<br clear="all">
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325
</span></div></blockquote></div>
<br clear="all">
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Leave a comment on wycats's reply
Re: [jQuery] Kelvin's Scroll Pane
15 years ago
<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">Hey Yehuda,<DIV><BR class="khtml-block-placeholder"></DIV><DIV>It was looking really cool when there was only one scroll pane on the page. Now it looks like it's just a couple DIVs with a set height and width and overflow: auto. </DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Maybe something isn't firing? Looked at it in FF2 Mac. <BR><DIV> <SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><BR class="Apple-interchange-newline"><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><DIV><BR class="khtml-block-placeholder"></DIV><DIV>--Karl</DIV><DIV>_________________</DIV><DIV>Karl Swedberg</DIV><DIV>www.englishrules.com</DIV><DIV>www.learningjquery.com</DIV><DIV><BR class="khtml-block-placeholder"></DIV><BR class="Apple-interchange-newline"></SPAN></SPAN> </DIV><BR><DIV><DIV>On Jan 20, 2007, at 10:31 PM, Yehuda Katz wrote:</DIV><BR class="Apple-interchange-newline"><BLOCKQUOTE type="cite">And to see what the new scroll pane is capable of, I have updated the demo:<BR><BR><A href="http://www.visualjquery.com/scroll_pane/index.htm">http://www.visualjquery.com/scroll_pane/index.htm</A><BR><BR><DIV><SPAN class="gmail_quote"> On 1/20/07, <B class="gmail_sendername">Yehuda Katz</B> <<A href="mailto:wycats@gmail.com">wycats@gmail.com</A>> wrote:</SPAN><BLOCKQUOTE class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;"> Hey Guys,<BR><BR>I have been working on a project that could make use of Kelvin's scroll pane.<BR><BR>I have made a few enhancements:<BR>* Keyboard support<BR>* Separate top/middle/bottom elements for the dragger<BR>* "activated" class for track when scrolling or key action is possible <BR><BR>This means that you can now have a pretty scrollbar that has a separate activated/deactivated state.<BR><BR>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><BR><BR>It's not fully ready, so any feedback would be most appreciated.<BR clear="all"><SPAN class="sg"><BR>-- <BR>Yehuda Katz<BR>Web Developer | Wycats Designs<BR>(ph) 718.877.1325 </SPAN></BLOCKQUOTE></DIV><BR><BR clear="all"><BR>-- <BR>Yehuda Katz<BR>Web Developer | Wycats Designs<BR>(ph) 718.877.1325<DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">_______________________________________________</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">jQuery mailing list</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><A href="mailto:discuss@jquery.com">discuss@jquery.com</A></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><A href="http://jquery.com/discuss/">http://jquery.com/discuss/</A></DIV> </BLOCKQUOTE></DIV><BR></DIV></BODY></HTML>_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Leave a comment on kswedberg's reply
Re: [jQuery] Kelvin's Scroll Pane
15 years ago
Now it's just two scroll panes ;)
-- Yehuda
<div><span class="gmail_quote">On 1/20/07, <b class="gmail_sendername">Karl Swedberg</b> <<a href="mailto:karl@englishrules.com">karl@englishrules.com</a>> wrote:
</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;"><div style="">Hey Yehuda,<div>
</div><div>It was looking really cool when there was only one scroll pane on the page. Now it looks like it's just a couple DIVs with a set height and width and overflow: auto.
</div><div>
</div><div>Maybe something isn't firing? Looked at it in FF2 Mac.
<div> <span style="border-collapse: separate; border-spacing: 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="border-collapse: separate; border-spacing: 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<div>
</div><div>--Karl</div><div>_________________</div><div>Karl Swedberg</div><div><a href="http://www.englishrules.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">www.englishrules.com</a>
</div><div><a href="http://www.learningjquery.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">www.learningjquery.com</a></div><div>
</div>
</span></span> </div>
<div><div><span class="e" id="q_11042d7288109a17_1">
<div>On Jan 20, 2007, at 10:31 PM, Yehuda Katz wrote:</div>
</span></div><blockquote type="cite"><div><span class="e" id="q_11042d7288109a17_3">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>
<div><span class="gmail_quote">
On 1/20/07, <b class="gmail_sendername">Yehuda Katz</b> <<a href="mailto:wycats@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">wycats@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
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"><span>
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325
</span></blockquote></div>
<br clear="all">
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325</span></div><div style="margin: 0px;">_______________________________________________</div><div style="margin: 0px;">
jQuery mailing list</div><div style="margin: 0px;"><a href="mailto:discuss@jquery.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">discuss@jquery.com</a></div><div style="margin: 0px;"><a href="http://jquery.com/discuss/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://jquery.com/discuss/</a></div> </blockquote></div>
</div></div>
_______________________________________________
jQuery mailing list
<a onclick="return top.js.OpenExtLink(window,event,this)" href="mailto:discuss@jquery.com">discuss@jquery.com</a>
<a onclick="return top.js.OpenExtLink(window,event,this)" href="http://jquery.com/discuss/" target="_blank">
http://jquery.com/discuss/</a>
</blockquote></div>
<br clear="all">
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
-- Yehuda
<div><span class="gmail_quote">On 1/20/07, <b class="gmail_sendername">Karl Swedberg</b> <<a href="mailto:karl@englishrules.com">karl@englishrules.com</a>> wrote:
</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;"><div style="">Hey Yehuda,<div>
</div><div>It was looking really cool when there was only one scroll pane on the page. Now it looks like it's just a couple DIVs with a set height and width and overflow: auto.
</div><div>
</div><div>Maybe something isn't firing? Looked at it in FF2 Mac.
<div> <span style="border-collapse: separate; border-spacing: 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<span style="border-collapse: separate; border-spacing: 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<div>
</div><div>--Karl</div><div>_________________</div><div>Karl Swedberg</div><div><a href="http://www.englishrules.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">www.englishrules.com</a>
</div><div><a href="http://www.learningjquery.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">www.learningjquery.com</a></div><div>
</div>
</span></span> </div>
<div><div><span class="e" id="q_11042d7288109a17_1">
<div>On Jan 20, 2007, at 10:31 PM, Yehuda Katz wrote:</div>
</span></div><blockquote type="cite"><div><span class="e" id="q_11042d7288109a17_3">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>
<div><span class="gmail_quote">
On 1/20/07, <b class="gmail_sendername">Yehuda Katz</b> <<a href="mailto:wycats@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">wycats@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
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"><span>
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325
</span></blockquote></div>
<br clear="all">
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325</span></div><div style="margin: 0px;">_______________________________________________</div><div style="margin: 0px;">
jQuery mailing list</div><div style="margin: 0px;"><a href="mailto:discuss@jquery.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">discuss@jquery.com</a></div><div style="margin: 0px;"><a href="http://jquery.com/discuss/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://jquery.com/discuss/</a></div> </blockquote></div>
</div></div>
_______________________________________________
jQuery mailing list
<a onclick="return top.js.OpenExtLink(window,event,this)" href="mailto:discuss@jquery.com">discuss@jquery.com</a>
<a onclick="return top.js.OpenExtLink(window,event,this)" href="http://jquery.com/discuss/" target="_blank">
http://jquery.com/discuss/</a>
</blockquote></div>
<br clear="all">
--
Yehuda Katz
Web Developer | Wycats Designs
(ph) 718.877.1325
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Leave a comment on wycats's reply
Re: [jQuery] Kelvin's Scroll Pane
15 years ago
<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">Ahh! I get it now. Because I was looking at them in Safari, I didn't notice that they were actually emulating the Apple scrollbars. Now that I've had a chance to see them in Firefox for Windows, I see the beauty. Well done, Yehuda. Very well done.<BR><DIV> <SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><BR class="Apple-interchange-newline"><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><DIV><BR class="khtml-block-placeholder"></DIV><DIV>--Karl</DIV><DIV>_________________</DIV><DIV>Karl Swedberg</DIV><DIV>www.englishrules.com</DIV><DIV>www.learningjquery.com</DIV><DIV><BR class="khtml-block-placeholder"></DIV><BR class="Apple-interchange-newline"></SPAN></SPAN> </DIV><BR><DIV><DIV>On Jan 20, 2007, at 11:25 PM, Yehuda Katz wrote:</DIV><BR class="Apple-interchange-newline"><BLOCKQUOTE type="cite">Now it's just two scroll panes ;)<BR><BR>-- Yehuda<BR><BR><DIV><SPAN class="gmail_quote">On 1/20/07, <B class="gmail_sendername">Karl Swedberg</B> <<A href="mailto:karl@englishrules.com">karl@englishrules.com</A>> wrote: </SPAN><BLOCKQUOTE class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;"><DIV style="">Hey Yehuda,<DIV><BR></DIV><DIV>It was looking really cool when there was only one scroll pane on the page. Now it looks like it's just a couple DIVs with a set height and width and overflow: auto. </DIV><DIV><BR></DIV><DIV>Maybe something isn't firing? Looked at it in FF2 Mac. <BR><DIV> <SPAN style="border-collapse: separate; border-spacing: 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"> <BR><SPAN style="border-collapse: separate; border-spacing: 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"> <DIV><BR></DIV><DIV>--Karl</DIV><DIV>_________________</DIV><DIV>Karl Swedberg</DIV><DIV><A href="http://www.englishrules.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">www.englishrules.com</A> </DIV><DIV><A href="http://www.learningjquery.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">www.learningjquery.com</A></DIV><DIV><BR></DIV><BR></SPAN></SPAN> </DIV><BR><DIV><DIV><SPAN class="e" id="q_11042d7288109a17_1"> <DIV>On Jan 20, 2007, at 10:31 PM, Yehuda Katz wrote:</DIV><BR></SPAN></DIV><BLOCKQUOTE type="cite"><DIV><SPAN class="e" id="q_11042d7288109a17_3">And to see what the new scroll pane is capable of, I have updated the demo: <BR><BR><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><BR><BR><DIV><SPAN class="gmail_quote"> On 1/20/07, <B class="gmail_sendername">Yehuda Katz</B> <<A href="mailto:wycats@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">wycats@gmail.com</A>> wrote:</SPAN><BLOCKQUOTE class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;"> Hey Guys,<BR><BR>I have been working on a project that could make use of Kelvin's scroll pane.<BR><BR>I have made a few enhancements:<BR>* Keyboard support<BR>* Separate top/middle/bottom elements for the dragger<BR> * "activated" class for track when scrolling or key action is possible <BR><BR>This means that you can now have a pretty scrollbar that has a separate activated/deactivated state.<BR><BR>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><BR><BR>It's not fully ready, so any feedback would be most appreciated.<BR clear="all"><SPAN><BR>-- <BR>Yehuda Katz<BR>Web Developer | Wycats Designs<BR>(ph) 718.877.1325 </SPAN></BLOCKQUOTE></DIV><BR><BR clear="all"><BR>-- <BR>Yehuda Katz<BR>Web Developer | Wycats Designs<BR>(ph) 718.877.1325</SPAN></DIV><DIV style="margin: 0px;">_______________________________________________</DIV><DIV style="margin: 0px;"> jQuery mailing list</DIV><DIV style="margin: 0px;"><A href="mailto:discuss@jquery.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">discuss@jquery.com</A></DIV><DIV style="margin: 0px;"><A href="http://jquery.com/discuss/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)"> http://jquery.com/discuss/</A></DIV> </BLOCKQUOTE></DIV><BR></DIV></DIV> <BR>_______________________________________________<BR>jQuery mailing list<BR><A onclick="return top.js.OpenExtLink(window,event,this)" href="mailto:discuss@jquery.com">discuss@jquery.com</A><BR><A onclick="return top.js.OpenExtLink(window,event,this)" href="http://jquery.com/discuss/" target="_blank"> http://jquery.com/discuss/</A><BR><BR><BR></BLOCKQUOTE></DIV><BR><BR clear="all"><BR>-- <BR>Yehuda Katz<BR>Web Developer | Wycats Designs<BR>(ph) 718.877.1325<DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">_______________________________________________</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">jQuery mailing list</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><A href="mailto:discuss@jquery.com">discuss@jquery.com</A></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><A href="http://jquery.com/discuss/">http://jquery.com/discuss/</A></DIV> </BLOCKQUOTE></DIV><BR></BODY></HTML>_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Leave a comment on kswedberg's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to wycats's discussion