[Slightly OT] CSS or Javascript for a web page div that ignores vertical scrolling?

Michael Kann mikekann at yahoo.com
Fri Jun 10 17:29:40 EDT 2011


It looks like for older browsers you might have to add a !DOCTYPE to make it work.
-------------------------------------------------------------------------------
http://www.w3schools.com/css/css_positioning.asp
----------------------------------------------------------------------------------

Note: IE7 and IE8 support the fixed value only if a !DOCTYPE is specified.

Fixed positioned elements are removed from the normal flow. The document and other elements behave like the fixed positioned element does not exist.

Fixed positioned elements can overlap other elements.
-----------------
Example:
-----------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
p.pos_fixed
{
position:fixed;
top:30px;
right:5px;
}
</style>
</head>
<body>

<p class="pos_fixed">Some more text</p>
<p><b>Note:</b> IE7 and IE8 supports the fixed value only if a 
!DOCTYPE is specified.</p>
<p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p>
</body>
</html>

-----------------------------------------------------------------------------------

--- On Fri, 6/10/11, Keith Clarke <keith.clarke at clarkeandclarke.co.uk> wrote:

From: Keith Clarke <keith.clarke at clarkeandclarke.co.uk>
Subject: Re: [Slightly OT] CSS or Javascript for a web page div that ignores vertical scrolling?
To: "How to use LiveCode" <use-livecode at lists.runrev.com>
Date: Friday, June 10, 2011, 2:28 PM

Ah great - thanks Mark! I ignored the obvious as I thought position was just about relative positioning within nested containers, but you seeded my Google search perfectly http://www.w3.org/Style/Examples/007/menus
Best,
Keith..

On 10 Jun 2011, at 20:12, Mark Schonewille wrote:

> Hi Keith,
> 
> Set the position style property to fixed.
> 
> --
> Best regards,
> 
> Mark Schonewille
> 
> Economy-x-Talk Consulting and Software Engineering
> Homepage: http://economy-x-talk.com
> Twitter: http://twitter.com/xtalkprogrammer
> KvK: 50277553
> 
> New: Download the Installer Maker Plugin 1.6 for LiveCode here http://qery.us/ce
> 
> On 10 jun 2011, at 20:53, Keith Clarke wrote:
> 
>> Hi folks,
>> I'm having a little trouble with search terms for sorting the web page that will contain my project revlet...
>> 
>> I want to place a little floating widget part-way down the right margin of the web page that stays put vertically wrt the browser window as the lengthy, underlying page contents is scrolled vertically. I'm not sure if this means the div is following the scroll or ignoring it but the desired behaviour wrt scrolling is like the 'Free Trial' and 'What's New' images on www.runrev.com  
>> 
>> Is this ignore/follow vertical scroll behaviour settable via CSS (if so, can someone please name the guilty tag so I can Google it) or do I need to look at Javascript & jQuery?
>> 
>> Oh, if it's matters, the div won't be just an image container, it is destined to contain dynamic content managed via Javascript and use a couple of jQuery functions - but I'll learn about them once I have a box to house the content!
>> Best,
>> Keith.. 
> 
> 
> 
> _______________________________________________
> use-livecode mailing list
> use-livecode at lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode


_______________________________________________
use-livecode mailing list
use-livecode at lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode



More information about the Use-livecode mailing list