相关疑难解决方法(0)

设置窗口滚动动画的CSS值限制

我有一个<div id ='map'>地图,当用户向下滚动时会滑动.但是,它似乎让地图永远滚动,永远不会让用户实际到达页面的底部(有一个页脚).

我想要做的是让<div>在到达另一个动态大小(高度可变)<div>的结尾时停止滚动.这两个<div>是并排的并且在同一行中.

这是我用来使用用户的滚动进行正确div移动的JavaScript代码:

$(function() {

    var $sidebar   = $("#map"),
        $window    = $(window),
        offset     = $sidebar.offset(),
        topPadding = 15;

    $window.scroll(function() {
        if ($window.scrollTop() > offset.top) {
            $sidebar.stop().animate({
                marginTop: $window.scrollTop() - offset.top + topPadding
            });
        }
        else {
            $sidebar.stop().animate({
                marginTop: 0
            });
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery sticky

5
推荐指数
1
解决办法
6891
查看次数

如何根据屏幕大小隐藏与jQuery相关的div

我正在编写一个响应式WordPress主题,并且我想要根据查看器的屏幕分辨率隐藏div.

我在一个div中有来自BuySellAds的468px乘60px广告横幅,我想将其隐藏在智能手机或平板电脑上观看该网站的观众中.

我试图使用CSS3媒体查询实现这一点,但它不起作用.

这可以使用jQuery实现吗?如果是这样,任何指向正确方向的代码将非常感激.

谢谢

javascript jquery banner show-hide responsive-design

2
推荐指数
1
解决办法
3369
查看次数

标签 统计

javascript ×2

jquery ×2

banner ×1

css ×1

html ×1

responsive-design ×1

show-hide ×1

sticky ×1