Question

我目前正在努力制定类似于SOS联系人的申请。风格如此,现在就确实很重要,但我要让这一功能发挥作用。

I have set up a jsFiddle to show what I m trying to achieve (http://jsfiddle.net/hpQVy/), and here s the code:

<>光>:

<ul class="divided">
    <li class="divider">A</li>
    <li>Andrew Acheson</li>
    <li>Luke Ayre</li>
    <li>Luke Ayre</li>
    <li>Luke Ayre</li>
    <li>Luke Ayre</li>
    <li>Luke Ayre</li>
    <li>Luke Ayre</li>
    <li>Luke Ayre</li>
    <li>Luke Ayre</li>
    <li>Luke Ayre</li>
    <li class="divider">B</li>
    <li class="divider">C</li>
    <li>Charlie Sheen</li>
    <li>Charlie Sheen</li>
    <li>Charlie Sheen</li>
    <li>Charlie Sheen</li>
    <li>Charlie Sheen</li>
    <li>Charlie Sheen</li>
    <li>Charlie Sheen</li>
    <li>Charlie Sheen</li>
    <li>Charlie Sheen</li>
</ul>

JavaScript:

$(function() {
    // First off, dock the first one:
    $( ul.divided li.divider ).eq(0).css({ position:  fixed  });
    $(window).scroll(function() {

        //

    });
});

<>CSS:

body {
    padding: 0;
    margin: 0;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: Arial;
}
    ul li {
        padding: 10px;
        border-bottom: 1px solid #000;
        width: 100%;
        box-sizing: border-box;
    }
        ul li.divider {
            font-weight: bold;
            padding: 2px 10px;
            background-color: #aaa;
            color: #fff;
            text-shadow: 0 1px 0 #000;
            opacity: 0.7;
        }

我想做的是模拟对名单分裂者的 do弄。我的思想是,在任何分裂者与被打碎的分裂者串通时,先发现他们,然后是这样。我的问题一是,在名单分配者()与li.divider串通时,如何发现这种差距的最佳方式。具有<代码>的位置:固定。我需要探测高层和底层的碰撞(如果是这样的话)。

是否有任何人建议采用一种方法在<代码>li要素可能串通时进行检测?

Answer 1

ok maybe this isn t the response You are at, but have a look at this plugin 。我认为,这只是你试图制造的东西。

友情链接