标签: slideup

我有一个包含多个DIV元素的网页.如果我使用jquery函数SlideUp隐藏一个(朝向页面底部),页面会自动滚动回到顶部.我怎么能阻止这个？

要触发jquery函数,我会这样做:

$(MyLink).click(function() {
MyDiv.slideUp("slow");
}

MyLink是内MyDiv这是什么地方在页面的中间.

我有这个功能,我改变div的内容.我想同时fadeOut和slideUp,然后更改内容.然后是fadeIn和SlideDown.它现在的样子确实没什么问题.它只是没有渐渐消失.我只是好奇如何做到这一点.我可以添加和删除类,这会影响我猜的不透明度.但是我想知道单独使用jQuery是否可行.

function swiperGetNew(title, moh, text) {   
    $('#frontpage_blog-swiper_info').find('article').slideUp(function() {
        $(this).find('h2').text(title);
        $(this).find('h3').text(moh);
        $(this).find('p').text(text);
        $(this).slideDown();
    })
}

我试图做.animate,但我无法理解它.我认为这应该有效,但事实并非如此.

$('#frontpage_blog-swiper_info').find('article').slideUp();
$('#frontpage_blog-swiper_info').find('article').fadeOut(function() {
    $(this).find('h2').text(title);
    $(this).find('h3').text(moh);
    $(this).find('p').text(text);
    $(this).fadeIn();
    $(this).slideDown();
})

我有一个我认为简单的jquery,但它变成了痛苦.

slideUp部分工作正常,但它不会向下滑动......虽然如果我取出slideUp的缓动部分,它确实有效.

有任何想法吗？

   $('.clickableDiv').click(function() {
    $("<div style='background-image:url(../images/properties/images/bk-01.jpg); width:965px; height:398px;'><img src='../images/properties/text/bk.gif' width='965' height='398' /></div>").prependTo("div.myDiv2");

    $("div.myDiv1").slideUp(800, 'easeInOutSine', function() {
        $("div.myDiv2").slideDown(800, 'easeInOutSine');
    });    
});

myDiv2最初是隐藏的.

改变这条线是有效的,这就是为什么我发现它有点奇怪......

$("div.myDiv1").slideUp(800, function() {

我在Mac上使用Safari和firefox来测试它...

我有这个东西,当我点击过滤器箭头时(它应该是我知道的向上箭头): - 上面的表格面板必须缓慢向上滑动(并且消失) - 绿色面板必须被抬起 - 底部滚动窗格必须慢慢升高其高度(+表格面板的高度)

我对摇摆不太好,我怎么能这样做？

非常感谢你 !

问候

我想知道在使用slideup()时是否有办法让父容器保持相同的高度; 这样做的原因是我创建了一个元素slideUp,然后使用新数据进行slideDown,但这使得浏览器窗口在slideUp开始时向上滚动到顶部,因此它变得相当烦人,尤其是在低分辨率时.

当我向网站的末尾滚动时,我试图在内容后面显示页面,这很难解释所以我做了这个gif

http://imageshack.us/f/687/newdw.gif/

我试图在网上搜索教程,我发现的并不是我正在寻找的东西(我所见过的只是向上滑动并向下滑动页脚).

如果您可以指导我阅读教程或解释如何操作,那将会有很大帮助.

我想要的很简单:

我有一个背景容器.容器内部是触发器和隐藏框,如下所示:

<div id="container">

<span id="box-1">Open 1</span> <span id="box-2">Open 2</span> <span id="box-3">Open 3</span> <span id="box-4">Open 4</span> <span id="box-5">Open 5</span> 

<div class="box box-1">Hi! I'm Box 1</div>
<div class="box box-2">Hi! I'm Box 2</div>
<div class="box box-3">Hi! I'm Box 3</div>
<div class="box box-4">Hi! I'm Box 4</div>
<div class="box box-5">Hi! I'm Box 5</div>

</div>

单击触发器后,目标框会向下滑动.如果一个盒子已打开,它会向上滑动,新的目标盒会向下滑动.我有这个工作在网站的不同部分,但在jsfiddle分享有点复杂.我无法正常工作的简单版本在这里:

jsFiddle:slideUp和slideDown问题

似乎slideDown函数在slideUp完成之前启动.我已经将slideDown移到了slideUp回调之外,我得到了同样的反应.我已经处理了持续时间和延迟,但它仍然有同样的问题.

-----编辑-----

我应该注意到,我的目标是让容器在再次扩展之前完全崩溃.

我想要谷歌地图应用程序为其业务页面提供的确切内容.

我在我的项目中使用SlidingUpPanel(lib).我有一个地图活动,我希望有一个像谷歌地图一样的滑动面板,我的滑动面板顶部有一个制作按钮. 这就是我要的

这是我的布局XML:

<com.sothree.slidinguppanel.SlidingUpPanelLayout
xmlns:sothree="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/tools"
android:id="@+id/SlidingPanel"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="bottom"
sothree:umanoPanelHeight="96dp"
sothree:umanoShadowHeight="4dp"
sothree:umanoAnchorPoint="0.7"
sothree:umanoParallaxOffset="100dp"
sothree:umanoOverlay="true">

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:minHeight="?attr/actionBarSize"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:titleTextColor="@android:color/white"
    app:layout_scrollFlags="scroll|enterAlways"
    android:background="?attr/colorPrimary">
</android.support.v7.widget.Toolbar>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/NestedScrollView">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <android.support.v7.widget.Toolbar
                android:id="@+id/SlidingPanelToolbar"
                android:minHeight="?attr/actionBarSize"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="@color/colorPrimary">
            </android.support.v7.widget.Toolbar>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:text="@string/aaa"
                android:background="@android:color/white"/>

        </LinearLayout>

    </android.support.v4.widget.NestedScrollView>

</LinearLayout>

问题是这个上滑没有任何中间状态.它是向上还是关闭,但我也需要一个半开状态.

我有一个警报：

<div class="alert alert-success fade show" id='success-alert' role="alert">
        {{ message }}
      </div>

我有一个按钮：

<input name="submit" value="Submit" class="btn btn-primary" id="submit-id-submit" type="submit" method="post">

单击该按钮时，将出现警报。我希望警报能够使用 jQuery 缓慢向上滑动.slideUp()。这是我的尝试：

<script>
  $(document).ready (function(){
              $("#success-alert").hide();
              $("#submit-id-submit").click(function showAlert() {
                  $("#success-alert").fadeTo(2000, 2000).slideUp(500, function(){
                 $("#success-alert").slideUp(500);
                  });
              });
   });
</script>

这会导致警报出现，然后突然快速消失（不到两秒）。我相信该警报以某种方式被调用了两次，因为当我将500（所有三个）更改为2000时，警报会显示，它会正确向上滑动，然后出现一个新警报并突然消失。

我应该如何实现缓慢向上滑动一次？

这应该是非常简单的,但是我不能让它按照它应该工作.

以下代码应该能够执行以下操作.页面完成加载后,页面顶部的div(div#panel)应向下滚动到视图中.延迟几秒后,div应该向外滚动到视图之外.当用户点击触发器时,div也应该能够上下切换.

提前感谢您的意见/建议.

$(document).ready(function() {

    $("div#panel").slideDown("slow");
    setTimeout(function(){ 
    $("div#panel").slideUp("slow"); 
    }, 5000);

});

$(document).ready(function() {

    // Expand Panel
    $("#open").click(function(){
        $("div#panel").slideDown("slow");
    }); 

    // Collapse Panel
    $("#close").click(function(){
        $("div#panel").slideUp("slow"); 
    });         
});

我有这个jquery代码

$(document).ready(function(){
  $(".C_bmiShowTableWord").click(function () {
    $(".C_bmiShowTable").slideDown();
  });
});

如果我点击C_bmiShowTableWord它会滑下来C_bmiShowTable

如果我点击C_bmiShowTableWord并且C_bmiShowTable已经向下滑动,然后将其向上滑动,我想制作它...而且^ ^ ^

嗨伙计们我正在使用Joomla 2.5和Jquery,我在Chrome控制台中遇到了这个奇怪的错误:

"Uncaught TypeError: Cannot call method 'slideUp' of null "

这里是index.php标题部分:

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jscript.js"></script>
    <jdoc:include type="head" />

和jscript.js代码:

$(document).ready(function(){

    var slider = document.getElementById("login-form");

    alert (slider);

    $("#login-form").slideUp(100); <- error is on this line

});

我测试了它并且警告显示:[object HTMLFormElement],所以它的测试"登录表单"真的存在.无法弄清楚我为什么会这样

"Uncaught TypeError: Cannot call method 'slideUp' of null "

拜托,能帮帮我!!!!!!

我看了这个和这个,但它没有帮助.
我有一个新闻自动收报机.具有固定高度的列表具有上升并附加到列表末尾的项目.

编辑:一次只显示一个项目,第一个项目向上滑动并淡出下一个项目向上滑动并淡入

<ul id="ticker">
    <li>
        Sample note 1
    </li>
    <li>
        Sample note 2
    </li>
    <li>
        Sample note 3
    </li>
</ul>  

这是javascript代码:

function tick(){
    $('#ticker li:first').slideUP( function () { $(this).appendTo($('#ticker')).slideDown(); });
}
setInterval(function(){ tick () }, 2000);  

我想配置它,这样不仅可以向上滑动,而且可以淡出,在底部它会以滑动效果淡入.
我知道我应该使用动画效果.我尝试了很多次,但没有一个工作.请帮帮我.
谢谢!