小编And*_*ewS的帖子

我希望在从页面顶部向下滚动800px后显示隐藏的div.到目前为止我有这个例子,但我想它需要修改才能实现我想要的东西.

编辑:

[当scrollUp和高度小于800px时,这个div应隐藏]

HTML:

<div class="bottomMenu">
  <!-- content -->
</div>

CSS:

.bottomMenu {
    width: 100%;
    height: 60px;
    border-top: 1px solid #000;
    position: fixed;
    bottom: 0px;
    z-index: 100;
    opacity: 0;
}

jQuery的:

$(document).ready(function() {
    $(window).scroll( function(){
        $('.bottomMenu').each( function(i){
            var bottom_of_object = $(this).position().top + $(this).outerHeight();
            var bottom_of_window = $(window).scrollTop() + $(window).height();
            if( bottom_of_window > bottom_of_object ){
                $(this).animate({'opacity':'1'},500);
            }
        }); 
    });
});

这是我当前代码的小提琴.

我尝试动画一个在1秒后修复的DIV.但我无法完成它.我希望在一秒之后,div称为"homepage-hero-module"从右向左滑动.正如您在FIDDLE中看到的那样,它会在一秒后变为固定.那么如何动画呢？

我试过用css,但没有运气.

-webkit-transition: left 1s;
  -moz-transition: left 1s;
  -o-transition: left 1s;
  transition: left 1s;

和

-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

的jsfiddle

HTML代码:

<div class="container-fluid">
    <div class="homepage-hero-module">
        Container with data
    </div>
</div>

CSS代码:

    body, html {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
}
.container-fluid {
  width: 100%;
  height: 100%;
  position: relative;
}
.homepage-hero-module {
  background: #DDD;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.fixed …

我在选择菜单中遇到了这个问题,它是在CSS和Jquery的帮助下设置它的样式.到现在为止,我设法得到了这个结果,我非常喜欢它:

到目前为止,它在mozila,opera,chrome,IE7 +中都很完美.

这是我目前的来源:

HTML:

            <select class="styled" name="">
                <option>Select title</option>
                <option>Mr.</option>
                <option>Mrs.</option>
                <option>Miss.</option>
            </select>

CSS:

select {
    border: 1px solid #d6d8db;
    background-color: #ecedee;
    text-transform: uppercase;
    color: #47515c;
    padding: 12px 10px 12px 10px;
    width: auto;
    cursor: pointer;
    margin-bottom: 10px;
}
select > option {
    text-transform: uppercase;
    padding: 5px 0px;
}
.customSelect {
    border: 1px solid #d6d8db;
    background-color: #ecedee;
    text-transform: uppercase;
    color: #47515c;
    padding: 12px 10px 12px 10px;
    margin-bottom: 10px;
}
.customSelect.changed {
    background-color: #f0dea4;
}   
.customSelectInner {
    background:url(../images/select_arrows.png) no-repeat center right; …

我搜索并在web上找到了很多例子,甚至在stackoverflow中也没有,但是没有一个是100%解释的.对于那些想用CSS媒体屏幕回答的人,请不要这样做我知道的.但这个问题更适合IE7 +.因为它不支持"CSS媒体屏幕".

这是我发现的例子:

$(document).ready(function() {

if (screen.width>=800) {
    $("link[rel=stylesheet]:not(:first)").attr({href : "style1.css"});
    } else {
    $("link[rel=stylesheet]:not(:first)").attr({href : "style.css"});
    }
});

我是jquery的新手,所以如果我有4种不同的屏幕分辨率4种不同的样式,如何更改这个脚本.

所以我会骗取这样的事情:

1. 如果屏幕> 1 &&屏幕<600
2. 如果屏幕> 601 &&屏幕<1280
3. 如果屏幕> 1281 &&屏幕<1600
4. 如果屏幕> 1 1601

请帮我!

需要CSS帮助.

我有一个向左浮动的div,里面是具有固定高度和自动宽度的图像.我希望主DIV宽度与图像宽度完全一致.

<div class="item">
   <img src="http://upload.wikimedia.org/wikipedia/commons/4/49/Sports_shoes.jpg" alt="" />
   <a href="">Name here</a>
</div>

FIDDLE - 您可以看到名称位于图像的右侧,但它应位于底部.

那么,是否有一种方法可以使DIV class ="item"始终具有图像的宽度.如您所见,图像宽度可以不同.

我正在寻找cross borwser解决方案,这意味着显示:table-cell; 不是解决方案,因为IE7 -8不支持它.

*我的jquery脚本块向左浮动,需要帮助

我确信这个问题已经被问过很多次了。我什至得到了很少的答案，但我真的不知道如何在 Wordpress + WooCommerce 中编辑任何“操作”或“过滤器”挂钩。

以结账页面为例，底部通常是购物车的摘要，该信息是由以下代码生成的：

<?php do_action( 'woocommerce_thankyou', $order->get_id() ); ?>

我尝试了不同的方式在其他文件中搜索“woocommerce_thankyou”，但我找不到任何内容。那么，输出代码是如何生成的呢？必须有一个文件来调用它。

我不能让它为我工作。

ORDER BY cl.name ASC'); 

我必须改为：

ORDER BY CASE cl.name WHEN "Nameone" THEN 0 WHEN "Nametwo" THEN 1 ELSE 2 END ASC

我得到了结果

1. Nameone
2. Nametwo

（其余的但不是按 AZ 的名称排序，但我认为是按 id 显示的）

那么如何让剩余的结果按 cl.name ASC 排序呢？