【问题标题】:change scrollTop() in bootstrap modal在引导模式中更改 scrollTop()
【发布时间】:2016-01-18 12:18:40
【问题描述】:

在引导模式中,当我在底部附加新表单时,我想将我的scrollTop() 从它的位置(即可能是"0")移动到100px,当我点击 ajax 链接时,它会显示一个表单,执行代码后显示的表格我放了代码:

$('html, body').animate({ scrollTop: 100 });

我认为它应该按照我的意愿完成工作,但事实并非如此。我还将代码作为函数 scrollDown(n) 放在父页面中,并在表单中显示 Ajax 代码后调用该函数。但仍然没有运气.... 我不知道我做错了什么?

感谢您的帮助。谢谢

编辑: 此代码在模态中显示电子邮件表单,它实际上改变了模态高度,我想将滚动条移动到 apx: 100px 从顶部向下。 显示形式的代码是:

function showEmailBox(person_sno,fir_sno,divFrm){
    try{
        $("#"+divFrm).show();
        $("#"+divFrm).removeClass("animated rubberBand");
        $("#"+divFrm).load("../ajaxPhp/emailReminderForm.php",{person_sno:person_sno,fir_sno:fir_sno,divFrm:divFrm},function(txt,status,xhr){
            if(xhr.statusText == 'OK'){
                $(this).html(txt).addClass("animated rubberBand");
                }
            else{
                $(this).html('Error: - '+ xhr.status+' '+xhr.statusText).addClass('text-danger');
                }
            });             
        }catch(e){
            alert(e.message);
        }
        setTimeout(function(){
                $(this).removeClass("animated rubberBand");
                },500);
                $('html, body').animate({ scrollTop: 100 });
        }

在最后一行

 $('html, body').animate({ scrollTop: 100 });

这条线不行吗?

【问题讨论】:

  • 你能创建一个 sn-p 并解释什么“确切”不起作用吗?您的问题目前还不清楚。

标签: jquery twitter-bootstrap bootstrap-modal


【解决方案1】:

我找到了相同问题的解决方案。 您可以为此设置scrollTop 0px,

$('html, body').animate({scrollTop : '0px'}, 0);

希望这会对你有所帮助。

【讨论】:

  • 亲爱的@Harshal Patil 我已经检查了您的代码,但它仍然无法正常工作,我认为当我从引导模式执行此操作时,这可能存在一些问题?不是吗?
  • @AbdulRahman 我只为引导模式做了这件事。确保在显示模态之前添加此脚本。尝试在进入 js 函数后立即添加此脚本。
  • 是的,我没有在显示模态之前执行此代码...让我试试
  • 我正在使用 jquery-1.8.3.min.js,代码不起作用。但实际上我有这样的场景,在打开的引导模式中,我点击一个链接,它以相同的模式打开新的电子邮件表单,从而通过添加表单元素来改变高度。所以,我需要放置从上到下向下滚动滚动条的代码。我想我问错了?
  • @AbdulRahman 你能在 js 中写下一些函数,然后在按钮 onclick 上执行此操作。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-22
  • 1970-01-01
  • 2021-08-31
相关资源
最近更新 更多