小编J82*_*J82的帖子

在下面的例子中,#logo绝对定位,我需要它水平居中#header.通常情况下,我会margin:0 auto为相对定位的元素做一个但我被困在这里.有人能给我指路吗？

JS小提琴:http://jsfiddle.net/DeTJH/

HTML

<div id="header">
    <div id="logo"></div>
</div>

CSS

#header {
    background:black;
    height:50px;
    width:100%;
}

#logo {
    background:red;
    height:50px;
    position:absolute;
    width:50px
}

谷歌标签管理器告诉我把它放在开始body标签下面.

<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<!-- End Google Tag Manager -->

现在我得到的这个404没有找到GET:

GET http://www.googletagmanager.com/gtm.js?id=GTM-XXXXXX

我昨晚实施了代码.这只是需要时间还是需要修复的东西？如果是后者,我该如何解决？

我试图将两个链接的"查看网站"和"查看项目"集中在周围的div中.有人可以指出我需要做些什么来使这项工作？

JS小提琴:http://jsfiddle.net/F6R9C/

HTML

<div>
  <span>
    <a href="#" target="_blank">Visit website</a>
    <a href="#">View project</a>
  </span>
</div>

CSS

div { background:red;overflow:hidden }

span a {
    background:#222;
    color:#fff;
    display:block;
    float:left;
    margin:10px 10px 0 0;
    padding:5px 10px
}

我试图h3让它在悬停时消失.有人可以帮我吗？

HTML

<h3 class="clicker">test</h3>

CSS

.clicker {
    -moz-transition:color .2s ease-in;
    -o-transition:color .2s ease-in;
    -webkit-transition:color .2s ease-in;
    background:#f5f5f5;padding:20px;
}

.clicker:hover{
    background:#eee;
}

我通过Pingdom测试了我的网站,得到了这个:

我搜索但无法找到解决方案.有谁知道我怎么能得到14到100？

在下面的代码中,我将如何div.b使用CSS 定位第二个？

<div>
  <div class="a"></div>
  <div class="a"></div>
  <div class="a"></div>
  <div class="b"></div>
  <div class="b"></div>
  <div class="a"></div>
</div>

使用Slick.js,如何在载入图像或至少加载第一张图像之前隐藏幻灯片？我尝试使用init但无法使其工作.控制台也没有输出任何内容.

var $slider = $('.slider').slick({
    fade: true,
    focusOnSelect: true,
    lazyLoad: 'ondemand',
    speed: 1000
});

$('.slider').on('init', function(slick) {
    console.log('fired!');
    $('.slider').fadeIn(3000);
});

我也尝试过window load,但这也没有解决.

$(window).load(function() {
    $('.slider').fadeIn(3000);
});

http://jsfiddle.net/q5r9ertw/

我有一个简单的列表,列表项没有任何特殊类.

<ul>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  etc..
</ul>

在前端看起来像这样:

我希望能够定位li每行中的最后一行(以绿色突出显示的那一行).但是,我不确定,因为这些li没有任何类,并且取决于用户的屏幕,它可能是一个不同的li,最终连续排在最后.有没有办法瞄准li连续的最后一个？

编辑:我认为有一些混乱.所有li物品都在一个ul.

我正在尝试创建一个类似于Vice.com上的侧边栏的侧边栏.如果向下滚动,侧边栏将固定在某个点,然后当侧边栏到达站点底部附近的某个点时,它将继续向上滚动到站点的其余部分.

在我的网站上,我被困在第二部分,即侧边栏在靠近底部时继续向上滚动.290px从底部来看准确.

这是我到目前为止:

JavaScript的

<script>
jQuery(window).scroll(function () {
    var threshold = 20;
 if (jQuery(window).scrollTop() >= 20)
     jQuery('#sidebar').addClass('fixed');
 else
     jQuery('#sidebar').removeClass('fixed');
});
</script>

CSS

#sidebar {
  margin: 0;
  position: absolute;
  right: 0;
  width: 220px;
}
#sidebar.fixed {
  margin-left: 720px;
  position:fixed;
  right: auto;
  top: 173px;
}

如果固定侧边栏在触及底部附近的某个点时向上滚动,如何才能使其向上滚动？

编辑#1

这是Adam的更新代码.我正在为具有不同阈值的页面使用条件语句.当我使用这个代码时没有任何反应,这意味着侧边栏没有fixed添加类,因此正常向上滚动,好像代码甚至没有.另外,我在这一行收到一个控制台错误,if (scrollTop() >= 236) {说"数字不是函数".

if (jQuery(document.body).hasClass("home")) {

    jQuery(window).scroll(function () {
        var sidebarHeight = jQuery('#sidebar').height(),
            containerHeight = jQuery('#container').height() + 173,
            scrollTop = jQuery(window).scrollTop(),
            clientHeight = scrollTop + jQuery(window).height(),
            threshold …

这是来自Zed Shaw的Python教程的练习16.我很难理解truncate在这种情况下函数究竟是做什么的.所以逻辑是我们打开一个文件然后......缩短它？为了什么？到底发生了什么？

from sys import argv

script, filename = argv

print "We're going to erase %r." % filename
print "If you don't want that, hit CTRL-C (^C)."
print "If you do want that, hit RETURN."

raw_input("?")

print "Opening the file..."
target = open(filename, 'w')

print "Truncating the file.  Goodbye!"
target.truncate()

print "Now I'm going to ask you for three lines."

line1 = raw_input("line 1: ")
line2 = raw_input("line 2: ")
line3 = raw_input("line 3: ")

print …