小编Rob*_*Rob的帖子

我正在尝试设计样式并在Google区域图表中添加另外2个x轴(图像中的a和b).例如,a轴应设置为900,b:700.

还尝试将图表扩展到包含div(960px)的整个宽度,但我的解决方案似乎什么都不做.

这是期望的效果.

目前的js

google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Year', 'Sales', 'Expenses'],
            ['November',  1000,      400],
            ['December',  1170,      460],
            ['January',  660,       1120],
            ['February',  690,       1120],
            ['March',  780,       1120],
            ['April',  820,       1120],
            ['May',  660,       1120],
            ['June',  1030,      540]
    ]);

    var options = {
      title: '',
      backgroundColor: 'none',
      width:'960',
      legend: {position: 'none'},
      hAxis: {title: 'Year',  titleTextStyle: {color: 'grey'},
      }
    };

    var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }

我正在尝试在Chrome中滚动时删除反弹.您会注意到顶部的白色黑色是固定的,并且根据需要位于第二个黄色块的后面.

我需要做的是删除滚动以在浏览器中显示灰色背景,而不会阻止滚动顶部白色块.希望它有意义

HTML

<div class="project">
</div>

<div id="content">

    <div class="warface">   
    </div><!-- END warface -->

</div><!-- END content -->

我想知道什么是使用Javascript在页面刷新时调用随机css文件的最佳方法？

非常感谢

我试图用CSS水平居中虚线.目前,它出现在底部.有没有办法可以用-5px或其他东西抵消它？

HTML

<div class="divider"></div>

CSS

.divider {
    background: aqua url("styles/images/divider-stars.png") no-repeat center 0;
    height:30px;
    padding-bottom: 10px;
    width: 100%;
    margin: 20px auto;
    float: left;
    border-bottom: 2px dotted #b38b0d;
    }

我正在尝试用emojis替换密码字段中的项目符号字符.

所需的Unicode输出 http://apps.timwhitlock.info/emoji/tables/unicode

关于从哪里开始寻求实现这一目标的任何想法都会有所帮助

一旦页面滚动超过设定点,我现在会出现页脚,但是当用户滚动而不是仅仅出现在屏幕上时(如目前那样),它会显示.

有兴趣知道是否可以通过CSS过渡或最佳实践来实现.

实例 http://jsfiddle.net/robcleaton/3zh6h/

CSS

#footer {
    background: black;
    width: 100%;
    height: 48px;
    position: fixed;
    z-index:300;
    bottom: 0;
    display: none;
}

#footer ul.navigation li {
    float: left;
    margin-right: 16px;
    display: block;
}

JS

$(function(){
    $(window).scroll(function() {              
        $('#footer').toggle($(document).scrollTop() > 100);
    });
})?

HTML

<div id="footer">
  <div class="content-wrap">
    <ul class="navigation">
      <li><a href="#about">About</a></li>
      <li><a href="#blog">Blog</a></li>
      <li><a href="#support">Support</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
  </div><!-- content-wrap END -->
</div><!-- footer END -->?

我试图在这个内容的底部添加一个页脚,它不会覆盖内容但会将其向上移动.

我可以看到它工作的唯一方法是,当浏览器位于底部时,删除左侧红色'#work'上的'固定'类.

js fiddle DEMO

更新了js fiddle DEMO

HTML

<div id="header-block">
    Header-block, this sits here in the background
</div>

<div id="content">
    <div id="work">
        This content should be fixed when at the top
    </div>
    <div id="description">
        This content should scroll -
    </div>

</div><!-- end content -->

<div id="footer">
    This should appear at the bottom
</div>

CSS

body {
    margin: 0px;
    padding: 0px;
}
#header-block {
    background: green;
    width: 100%;
    position: fixed;
    z-index: 1;
    height: 300px;
    top: 0;
}
#content { …

我试图删除水平滚动。

当前使用“溢出-x：隐藏；” 如果您要使用跟踪器页面等，隐藏滚动条的工作是否仍然有效。我认为最好使用 Javascript 禁用它，关于我可以使用什么的任何想法？

非常感谢

我有一个8个div的列表,需要使用Jquery为它们添加一个类序列序列来单独设置它们.需要将它们添加到'content-block'div中,请参阅下面的示例.

期望的效果将是这样的:

<div class="wrapper">
<div id="content-block" *class="post1"*>
</div></div>

<div class="wrapper">
<div id="content-block" *class="post2"*>
</div></div>

我添加了脚本

**Javascript**
$('.post-block').each(function(i){
$(this).addClass('post' + i);})

但我需要将它们与锚链接相关联,因此我需要一种方法来为后块添加ID.

Desired effect
**HTML**
<div id="post1" class="post-block">
</div>

<div id="post2" class="post-block">
</div>

非常感谢

我将背景图像设置为居中,需要固定位置.不过我想简单地将它从中心推出100px,任何想法？

CSS背景:url(styles/images/bg.png)无重复中心0; 背景附件:固定;

这是工作样本 http://www.warface.co.uk/clients/detail-shoppe/