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

Question

我想制作一个 scroll 监听器，一旦用户一直滚动到右侧，它就会更改边框。下面是我创建的对值进行硬编码的 fiddle 。我想知道如何以编程方式确定该值。

http://jsfiddle.net/C58VH/

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/