Javascript 仅在打开元素视图时显示div/元素

我想隐藏一个元素（一个图表），我只想在元素视图中显示它

代码如下：

HTML图表：

   <section id="skills" class="skills-section">

        <div>
            <h1>MY SKILLS</h1>
        </div>

<ul class="chart" id="chart-line">
  <li>
    <span style="height:5%; background: rgba(0, 102, 255, 0.80);" title="ActionScript"></span>
  </li>
  <li>
    <span style="height:70%; background: rgba(204, 51, 51, 0.80);" title="JavaScript"></span>
  </li>
  <li>
    <span style="height:50%; background: rgba(255, 186, 2, 0.80);" title="CoffeScript"></span>
  </li>
  <li>
    <span style="height:75%; background: rgba(0, 153, 102, 0.80);" title="HTML"></span>
  </li>
  <li>
    <span style="height:90%; background: rgba(0, 102, 255, 0.80);" title="HTML"></span>
  </li>
  <li>
    <span style="height:15%; background: rgba(204, 51, 51, 0.80);" title="HTML"></span>
  </li>
  <li>
    <span style="height:40%; background: rgba(255, 186, 2, 0.80);" title="HTML"></span>
  </li>
  <li>
    <span style="height:55%; background: rgba(0, 153, 102, 0.80);" title="HTML"></span>
  </li>
</ul>   


    <div class="button-down">
        <a class="page-scroll" href="#projects"><button class="button-down-text">TESTO</button></a>            
    </div> 
    </section>

    <!-- Projects Section --> <!-- This is the begin of the section below -->
    <section id="projects" class="projects-section">

用于隐藏元素的JS：

        $(function() {
    var oTop = $('#chart-line').offset().top - window.innerHeight;
    var oBottom = $('#projects').offset().top - window.innerHeight;
    var chartHidden = true;
    $(window).scroll(function(){
        var pTop = $('body').scrollTop();
        if ((pTop > oTop) && (chartHidden)) {
            chartHidden = false;
            start_count();
        } else if (pTop < oTop) {
            chartHidden = true;
        }

    });
});

$（函数（）{
var oTop=$（'#图表线'）.offset（）.top-window.innerHeight；
var oBottom=$（'#projects'）.offset（）.top-window.innerHeight；
var-chartHidden=true；
$（窗口）。滚动（函数（）{
var pTop=$（'body'）.scrollTop（）；
如果（（pTop>oTop）和（&（隐藏图表））{
chartHidden=false；
开始计数（）；
}否则如果（pTop

---

我只想在滚动图表时显示图表，我想在图表上方的视图中隐藏图表。

看起来您并没有对

图表进行任何操作。尝试使用jQuery更改图表的css

var chart = $("#chart-line")[0];

// when chartHidden = false, do something like this
$(chart).css("display", "none");

但我想隐藏元素的原因是，我想在图表视图上对图表的胺化进行充电。如果我更改css，动画将不会等待收费。@Matteo，如果您放置
$（chart.css（“显示”、“无”）chartHidden=false之后的
if
语句中的code>。
var chart = $("#chart-line")[0];

// when chartHidden = false, do something like this
$(chart).css("display", "none");