小编Joe*_*oth的帖子

如何确定div顶部与当前屏幕顶部之间的距离？我只想要像素距离到当前屏幕的顶部,而不是文档的顶部.我试着像一些事情.offset()和.offsetHeight,但我不能环绕它我的大脑.谢谢!

如何使用JavaScript来确定UL是否包含1个或更多LI？

伪代码

if('ul#items' has >= 1 LI){

谢谢,

我很好奇是否有针对我遇到的问题的简单 CSS 修复。看起来 Firefox/OSX 在确定容器宽度时包括它的滚动条的宽度，并且没有正确对齐内容（http://d.pr/i/fACK）。Chrome/OSX 工作正常，忽略滚动条的宽度，并正确对齐内容 ( http://d.pr/i/q02g )。我尝试了一些东西，比如盒子大小等等，但没有运气。

我创建了一个 JS Fiddle，您可以在其中查看 Chrome/Safari 和 Firefox 上的问题。

http://jsfiddle.net/jHVMU/2/

#container{
    width:600px;
}

#content{
    max-height: 300px;
    overflow: auto;
    padding: 0;
}

#content ul{
    list-style:none;
    margin:0;
    padding: 30px 50px;
}

#content ul li{
    width:30%;
    margin:0 5% 15px 0;
    height:150px;
    background:#000;
    float:left;
}

#content ul li:nth-child(3n) {
    margin-right: 0;
}

使用 jQuery，如何确定浏览器窗口最顶部到 div 底部（例如标题）之间的高度/距离。我正在使用以下代码：

$(window).resize(function() {
    $totalHeight = $(window).height();
    $headerHeight = $('header').height();
    $('#portfolio-info').css('height',($totalHeight - $headerHeight - 105) + 'px');
});

我想确保它$headerHeight并不总是相同的值，当您滚动远离标题时，它应该一直减少到零。

谢谢！

使用溢出滚动div的最佳方法是什么:单击某个锚点时自动按某个像素或某个百分比？HTML非常简单:

<style>
#container{
height:250px;
overflow:auto;
</style>

<div id="container">
<p>Lots of Content</p>
</div>

<a href="#" id="scrolldiv">Scroll Down</a>

当我单击上面的锚点时,我想将该div放在一定数量的像素上方,比如30px.我希望jQuery内置一些简单的东西.

我有一个水平滚动div,当滚动时,我想在其'父#container div(最好是jQuery)上添加类.

如果div尚未滚动:

$('#container').addClass('shadow-right').removeClass('shadow-left');

如果div不在开头或结尾:

$('#container').addClass('shadow-right shadow-left');

如果容器一直滚动到最后:

$('#container').addClass('shadow-left').removeClass('shadow-right');

我已经设置了一个JSFiddle,其中包含一些基本的html/css,解释了我想要实现的目标:

http://jsfiddle.net/Y39z8/3/

我很感激我能得到任何帮助.谢谢!

我正在尝试找到最简单的JS解决方案,最好是jQuery,以实现以下目标:我有许多div,都具有相同的类,我想简单地切换每个的可见性,一次一个.

<a href="#" id="toggle-trigger">Toggle Div Visibility</a>    
<div class="slide" id="slide-one"></div>
<div class="slide" id="slide-two"></div>
<div class="slide" id="slide-three"></div>
<div class="slide" id="slide-four"></div>
<div class="slide" id="slide-five"></div>

默认情况下,第一个div始终通过CSS显示.

.slide{
display:none;
}
#slide-one{
display:block;
}

除了在两个元素之间切换,而不是多个项目之外,我一直无法找到任何其他内容.如果我能在其他地方找到答案,请告诉我.谢谢