标签: fixed

<div id="header">header</div>
<div id="content">
    content spanning several pages...
</div>
<div id="footer">Footer - Fixed at the bottom of each page</div>

我想打印#header和#footer对每个打印模式页.我搜索了很多,但似乎没有任何工作,甚至position:fixed没有按预期工作.

除了代码本身可以直接访问内存的事实.使用"/ unsafe"编译器标志和"fixed"关键字的其他含义是什么？是否存在与我的.exe的代码签名和部署相关的影响(我的应用程序仅限桌面)？

(这不是关于我是否应该这样做,为什么我的问题在这里讨论)

我是新手IOS开发人员,但我在Android开发方面有很多经验.我的问题是关于间隔特定计时器的创建和使用.

在android中我可以轻松制作这样的计时器:

timedTimer = new Timer();
    timedTimer.scheduleAtFixedRate(new TimerTask() {
        @Override
        public void run() {

            TimedMethod();
        }

    }, 0, 1000);

如果间隔为1000 MS,则在每个tick上调用TimedMethod()方法.我如何在IOS中实现类似的功能？

非常感谢您的阅读!任何帮助都会很棒!:-)

我正在构建一个移动项目,该项目有许多模块,其中元素定位为固定的.面临的问题仅限于在iOS上运行的浏览器.确切的问题是,每当我滚动页面的主体(例如底部工具栏)固定时,整个固定元素分别与滚动一起移动,一旦滚动完全结束,那么只有它回到它的指定的地方.

我给页面的主体一个相对的CSS规则.请帮助,因为这只发生在iOS上.

 .add-to-block {
    background: #fff;
    position: fixed;
    bottom: 0px;
    right: 0px;
    display: block;
    height: auto;
    width: 100%;
    *(inner content element) {
        inner content element styling...
     }
}

我有一个网站,它有一个全图像固定的背景,内容"漂浮"在上面.它在桌面浏览器中运行良好,但固定的背景最终会在iPad和其他平板电脑上滚动.这似乎是一个常见的问题,但后来我遇到了这个网站,即使在iPad上也似乎有固定的背景.

http://confitdemo.wordpress.com/

有什么想法,他们是如何把它拉下来的？我试过了:

#content-wrapper.posts-page {
background-attachment: fixed !important;
background-clip: border-box;
background-color: transparent;
background-image: url("image path");
background-origin: padding-box;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}

(这是从Firebug复制的,这就是为什么它不是简写).

但没有运气.有人让我指出了正确的方向吗？

我有一个固定在我网站上每页底部的栏,使用position:fixed.问题是在iPhone或iPad等设备上,此属性不受尊重.

我尝试使用javascript来检测屏幕高度,滚动位置,这在iPad上完美运行:

$( window ).scroll( function ( ) { $( "#bar" ).css( "top", ( $( window ).height() + $( document ).scrollTop() - 90 ) +"px" );  } );

如你所见,我正在使用jQuery.问题是这个代码在iPhone上不起作用,因为窗口的高度不包括位置栏(以及调试栏,如果存在),所以条形图首先出现在正确的位置,但是当你滚动它时固定在正确位置上方(Mobile Safari的位置栏使用的像素数量).

有没有办法获取此信息并正确修复此工具栏？

请记住,这不是一个为iPhone制作的网站,所以我根本不能使用像iScroll这样的技巧.

我正在尝试为我的reveal.js演示文稿制作一个标题,它位于屏幕顶部.标题中的内容在每个幻灯片的基础上是动态的,因此我必须将标记放在section标记内.

显然,如果标记位于section标记内,则position.js中的position:fixed实际上并不能提供令人满意的结果.我无法弄清楚为什么会这样,但我在github repo中发现了一些信息,建议将显示大小设置为适合视口大小:

Reveal.initialize {
    ...
    width: '100%',
    height: '100%',
    ...
}

但它仍然不适合我 - 似乎演示文稿并没有真正受到上述影响.这是一个演示:

https://dl.dropboxusercontent.com/u/706446/_linked%20stuff/reveal.js/index.html

任何想法如何解决这个问题？

我有一个名为header的div,它设置有固定位置.问题是当我滚动页面时,页面内容显示在标题后面(标题是透明的).

我对css了解很多,但似乎无法想出这个.我试过设置溢出到隐藏,但我知道它不会工作(它没有).

这很难解释,所以我尽我所能.

HTML:

<div id="header">
    <div id="topmenu">Home | Find Feeds | Subscriptions</div>
</div>
<div id="container">
    <div id="content">
        testing
    </div>
</div>

CSS:

#header {
    margin:0 auto;
    position: fixed;
    width:100%;
    z-index:1000;
}
#topmenu {
    background-color:#0000FF;
    height:24px;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#leftlinks {
    padding: 4px;
    padding-left: 10px;
    float: left;
}

#rightlinks {
    padding: 4px;
    padding-right: 10px;
    float: right;
}

#containerfixedtop {
    width: 100%;
    height: 20px;
}

#contentfixedtop {
    margin: 0 auto;
    background-color: #DAA520;
    width: 960px;
    height:20px;
}

#container {
    position: relative; …

我只在Safari中看到这个问题(6.1 os x)

当父div设置为position:fixed overflow:hidden并且子div设置为position:fixed并且其中一部分溢出父级,它将被切断.

看看Chrome和Safari中的这个jsfiddle看看我的意思:http://jsfiddle.net/y2dg65y7/3/

<div class="wrapper">
    <div class="inner">
        Why is cut off in Safari?       
    </div>
</div>

.wrapper{
    background-color: red;
    width: 200px;
    overflow: hidden;
    height: 400px;
    position: fixed;
}

.inner{
    background-color: silver;
    padding: 20px;
    width: 400px;
    height: 200px;
    position: fixed !important;
    top: 50px;
    left: 40px;
}

这是Safari中的错误吗？有任何想法吗？解决方法？

谢谢! - = B = -

我有一个位置"固定"的div,我希望在用户向下滚动页面时获得相对于整个文档的位置值.

所以,假设我把div放在(x = 0,y = 0)然后用户向下滚动一点,现在,相对于文档,div打开(X = 0,y = 300).我想获得这些信息,我想知道该div在每个时刻的确切位置,相对于整个文档,而不是窗口或浏览器.

我尝试了很多东西,但似乎没有什么能得到我正在努力的东西.

其中一个是这个代码,在固定div的情况下不起作用:

var position = $("#fixed").offset(); /*it gets the position of the div
                                     "fixed" relative to the document*/
$("#fixed").html(position.top);      /*it prints the obtained
                                     value on the div "fixed"*/

在这里你可以找到正在运行的代码,你可以看到,当你向下滚动时,div的位置值不会改变.

如果我没有错,代码应该在每次更改相对于文档的垂直位置时在div上打印一个新值.但事实证明它并没有发生.

解决了:

这个问题是由codef0rmer解决的.我错过了跟踪滚动来刷新固定div的位置值.我是个白痴.所以最终代码的编写方式很好:

$(function () {
    var position = $("#fixed").offset();
    $("#fixed").html(position.top);

    $(window).scroll(function () {
       var position = $("#fixed").offset();
        $("#fixed").html(position.top);
    });
})

而在这里,你可以看到正在运行的代码.

谢谢大家,特别感谢codef0rmer.