Подсчитайте, сколько прокрутки необходимо для элемента контейнера, чтобы сделать видимым один из его дочерних элементов? - PullRequest
1 голос
/ 21 ноября 2010

Существует элемент div с указанной высотой, и он содержит множество элементов span, поэтому необходима прокрутка, чтобы увидеть элементы, которые изначально невидимы из-за переполнения.

Мне нужно рассчитать, сколько прокрутки необходимо, чтобы их было видно?

Спасибо.

<html>
<body>
<div style="width:100px;height:100px;overflow-y:scroll;">
    <div>
        <span>child</span>
        <span>child</span>
        <span>child</span>
        <span>child123</span>
        <span>child</span>
        <span>child</span>
        <span>child</span>
        <span>child</span>
        <span>child35</span>
        <span>child</span>
        <span>child</span>
        <span>child34343</span>
        <span>child</span>
        <span>child</span>
    </div>  
</div>
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 21 ноября 2010

Полагаю, вам следует обернуть весь промежуток внутри промежуточного контейнера (без указания высоты), а затем вычислить разницу между $ ('# middlecontainer'). Height () и $ ('# middlecontainer'). Parent () .height ()

Живой пример: http://jsfiddle.net/fcalderan/DE52m/

0 голосов
/ 21 ноября 2010

Полагаю, вы можете перебирать эти дочерние элементы и запрашивать их положение относительно переноса div.После этого, если y-позиция больше высоты div, вы можете просто вычесть высоту div из y-позиции, и вы получите желаемое число.

Если вы предоставите фрагмент своего кода или ссылку на реальную страницу, я мог бы показатьВы присваиваете код JS.

...