滚动条到达容器底部时进行动画处理

Question

I've got two nested text boxes side-by-side with both overflow properties set to scroll (in Edge Animate). I'm trying to make it so that when the first text box's scroll bar reaches the bottom the second text box fades in.

I'm using the scrollTop() function with no success, ie

if (sym.$('My_div').scrollTop() == 100)
{
  sym.$('My_div2').show();
}

Any suggestions?

Answer 1

Maybe like this:

if (sym.$('My_div').scrollTop() == 100){
  sym.$('My_div2').show().fadeOut("slow");
}

Just added fadeOut or fadeIn and the set that to slow.