修改基本JavaScript ScrollTop函数
我有一个非常基本的JavaScript,我正在努力。它允许用户单击链接,然后视口向下移动到页面中的该点。这是我目前的修补匠: 我希望它能够工作,这样当用户单击“测试2”下的图像时,它会向下滚动,同时打开“测试2”内的文本 非常感谢你的指点 ^修改基本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
您可以调用$(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更新的代码。它有点静态,但你可以理解。不要这样做不需要为此操作滚动事件