[Pro] Scrolling Text Box

Freeway
1

Hi All

I’ve got to put a take away menu on this page http://cherokeedesigns.co.uk/testsite/lakeside/Takeaway/takeaway.html and I’m thinking of a scrolling text box.

Apart from the Scroll Layer action, would there be a better way of doing it.

Regards

Lee

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

This example from Walt should get you started at least in the right direction.

http://scripty.walterdavisstudio.com/scroll/

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Or even easier, just draw an HTML box the size you want the menu to
appear, paste the much-too-long content into it, and the in the
Inspector, change the Overflow setting from Visible to Auto. The
browser will draw and manage a scrollbar for you.

Walter

On Mar 23, 2011, at 11:47 AM, chuckamuck wrote:

This example from Walt should get you started at least in the right
direction.

http://scripty.walterdavisstudio.com/scroll/

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Hi Chuckmuck & Walter

Thanks for the help. Forgot about the simple way of doing it. Was having a gray moment…

Regards

Lee

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Hi Walter

I took the easier option but when viewed on my iPad you don’t see the scrollbar at all

Have a look at http://lakeside-fishandchips.com/Takeaway/takeaway.html and it’s OK on my iMac but not on the iPhone / iPad.

Is it me and what I’m trying to achieve or is it the phone and pad.

Regards

Lee

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

The iDevices don’t render scroll bars. If you know the trick (drag
with two fingers) you can scroll the content inside the scrolling
area. But that’s asking a bit of your visitors. You might want to find
a conditional stylesheet or JavaScript shim to remove the overflow
setting on this box for those browsers. In an ideal (fully inline)
layout, you could simply remove the height property from the scrolling
div area, which would cause it to expand to suit its content. This
would horse the rest of your layout around, so you may not like that.

Walter

On Mar 23, 2011, at 5:09 PM, Gray Owl wrote:

Hi Walter

I took the easier option but when viewed on my iPad you don’t see
the scrollbar at all

Have a look at http://lakeside-fishandchips.com/Takeaway/
takeaway.html and it’s OK on my iMac but not on the iPhone / iPad.

Is it me and what I’m trying to achieve or is it the phone and pad.

Regards

Lee

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options