jybxseo/resource/staticres/js/index.js

var page = {
  init: function () {
    // if (areaSelector) {
    //   areaSelector.init()
    // }
    this.calcCardLineText()
    this.setAddBorder()
    this.setColumnWithCard()
  },
  calcCardLineText: function () {
    $('.section-card-line').each(function (index, dom) {
      var $target = $(this)
      var $oneMark = $target.find('.line-mark')
      var cw = $target.width()
      var lw = $oneMark.width()
      var lwCount = Math.floor(cw / lw)
      var fragment = document.createDocumentFragment()
      var offset = 7
      for (var i = 0; i < lwCount - offset; i++) {
        fragment.appendChild($oneMark[0].cloneNode(true));
      }
      $target.html(fragment)
    })
  },
  setAddBorder: function () {
    $('.hot-recommend .cms-card').addClass('c-border')
    $('.section-card.industry-news .cms-card').addClass('c-border')
    $('.section-card.area-bidding-news .cms-card').addClass('c-border')
  },
  setColumnWithCard: function () {
    var lastType = $('.supply-and-demand.need-column-2 .section-card-content').find('.cms-card:last-of-type')
    var index = lastType.index()
    if (index % 2 === 0) {
      lastType.addClass('column-2')
    }
  }
}

$(function () {
  page.init()
  $(window).scroll(function() {
    // 获取滚动条高度
    var scrollTop = $(this).scrollTop();
    var headerDOM = $('.header-module')
    // 是否有header-transparent这个类名
    var hasClassT = headerDOM.hasClass('transparent-header')
    if(scrollTop >= 0) {
        if (!hasClassT) return
        headerDOM.removeClass('transparent-header')
    }else {
        if (hasClassT) return
        headerDOM.addClass('transparent-header')
    }
  })
})