Question

我想创建一个scroll侦听器，一旦用户向右滚动，就会更改边框。下面是我创建的一个硬编码的硬件。我想知道如何以编程方式确定该值。

HTML：

<div class="big">
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor aliquet turpis et elementum. Etiam hendrerit scelerisque porttitor. In semper adipiscing tincidunt. Suspendisse in posuere augue. Ut aliquet feugiat dapibus. Ut vestibulum, odio id eleifend mattis, ipsum risus auctor est, quis feugiat neque nibh a lorem. Nunc iaculis nibh id ligula bibendum pulvinar. Sed id quam neque, scelerisque dignissim mi. Etiam ultrices erat sed mi scelerisque auctor at id lectus. Etiam vulputate quam eu diam ullamcorper a vehicula dui tincidunt. Proin a libero lectus.
    </p>
</div>

CSS：

.big {
    width: 300px;
    height: 200px;
    overflow: scroll;
    white-space: nowrap;
    border-right: 1px solid black;
}

JS：

$('.big').on('scroll', function()
{
  if  ($(this).scrollLeft() == 3326)
      $(this).css('border-right', 'none');
});

Answer 1

它还不完美，但我可以提供帮助

$('.big').on('scroll', function()
{
    if  ($(this).scrollLeft() + $(this).width() >= $(this)[0].scrollWidth){
      $(this).css('border-right', 'none');
    }
});

http://jsfiddle.net/C58VH/2/

如何确定div内的实际内容宽度？

1 个答案: