修改基本JavaScript ScrollTop函数

修改基本JavaScript ScrollTop函数,javascript,jquery,html,scrolltop,Javascript,Jquery,Html,Scrolltop,我有一个非常基本的JavaScript,我正在努力。它允许用户单击链接,然后视口向下移动到页面中的该点。这是我目前的修补匠: 我希望它能够工作,这样当用户单击“测试2”下的图像时,它会向下滚动,同时打开“测试2”内的文本 非常感谢你的指点 ^您可以调用$(this).scrollTop()函数并定义scrollTop事件 $(this).scrollTop(function(){ //your code to do both tasks )}; 希望有帮助:) 更新: functio

我有一个非常基本的JavaScript,我正在努力。它允许用户单击链接,然后视口向下移动到页面中的该点。这是我目前的修补匠:

我希望它能够工作,这样当用户单击“测试2”下的图像时,它会向下滚动,同时打开“测试2”内的文本

非常感谢你的指点

^

您可以调用
$(this).scrollTop()
函数并定义scrollTop事件

$(this).scrollTop(function(){
    //your code to do both tasks
)};
希望有帮助:)

更新:

function slideonlyone(thechosenone) {
     $('.newboxes2').each(function(index) {
          if (this.id == thechosenone) {
                if($(this).is('.active') )
                   $(this).removeClass('active').slideUp(600);
              else 
              $(this).addClass('active').slideDown(200);
          }
          else              
               $(this).removeClass('active').slideUp(600);

         if($(this).is('.active') )
             jQuery(this).parent('.grid_4').children().find('img.small').attr('src', '/wp-content/themes/boilerplate/images/image_corner_btn_onstate.png');
         else
             jQuery(this).parent('.grid_4').children().find('img.small').attr('src', '/wp-content/themes/boilerplate/images/image_corner_btn_offstate.png');
     });
}

$('#box1 h2').click(function () {   
    $('html, body').animate({
         scrollTop: $('#box2').offset().top}, 'slow');
    slideonlyone(thechosenone);
    return false;
});
$('#box2 h2').click(function () {   
    $('html, body').animate({
         scrollTop: $('#box1').offset().top}, 'slow');
    slideonlyone(thechosenone);
    return false;
});
答复::-D


我基本上用的是
$(“#box2 h3 a”)。点击(函数(){

ooh-brill!我现在给它一个小修补程序。返回2:)好的,我已经试过了,但它似乎没有发挥作用。这是我Tinker:-)谢谢你的指点。你的语法有点问题。试试你Tinker中的更新代码。谢谢,我再次更新了:但它似乎仍然不起作用:-/se更新的代码。它有点静态,但你可以理解。不要这样做不需要为此操作滚动事件