响应式样式调整部分
parent
5b6e78ef7f
commit
fb81e31ac5
499
css/style.css
499
css/style.css
|
@ -600,7 +600,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.company-profile .txt {
|
.company-profile .txt {
|
||||||
width: calc(100% - 538px);
|
width: calc(64% - 44px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-title {
|
.profile-title {
|
||||||
|
@ -632,7 +632,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.company-profile .img {
|
.company-profile .img {
|
||||||
width: 494px;
|
width: 36%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.company-profile .img>img {
|
.company-profile .img>img {
|
||||||
|
@ -766,7 +766,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.company-culture .txt {
|
.company-culture .txt {
|
||||||
width: calc(100% - 620px);
|
width: calc(58% - 45px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.culture-title>p {
|
.culture-title>p {
|
||||||
|
@ -784,7 +784,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.company-culture .img {
|
.company-culture .img {
|
||||||
width: 575px;
|
width: 42%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1327,13 +1327,11 @@
|
||||||
/* 轮播图 */
|
/* 轮播图 */
|
||||||
.detail-swiper {
|
.detail-swiper {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 680px;
|
|
||||||
margin-bottom: .35rem;
|
margin-bottom: .35rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.detail-swiper .swiper-slide img {
|
.detail-swiper .swiper-slide img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 680px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.detail-swiper .swiper-pagination {
|
.detail-swiper .swiper-pagination {
|
||||||
|
@ -1927,10 +1925,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 活动展示 */
|
/* 活动展示 */
|
||||||
.market-activity {
|
|
||||||
height: 680px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.market-banner-swiper .swiper-slide,
|
.market-banner-swiper .swiper-slide,
|
||||||
.market-swiper .swiper-slide {
|
.market-swiper .swiper-slide {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -1939,7 +1933,7 @@
|
||||||
.market-banner-swiper .swiper-slide>img,
|
.market-banner-swiper .swiper-slide>img,
|
||||||
.market-swiper .swiper-slide>img {
|
.market-swiper .swiper-slide>img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 680px;
|
min-height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.market-activity-txt {
|
.market-activity-txt {
|
||||||
|
@ -2456,8 +2450,263 @@
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (max-width:1840px) {
|
||||||
|
.nav>.pull-call{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width:1440px) {
|
||||||
|
.w1360{
|
||||||
|
width: 90% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:1280px) {
|
||||||
|
/* 头部 */
|
||||||
|
.header-white {
|
||||||
|
background-color: #f2f5fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head {
|
||||||
|
height: .9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* logo */
|
||||||
|
.logo {
|
||||||
|
height: .66rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo img {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 导航按钮 */
|
||||||
|
.head .head-btn {
|
||||||
|
display: block;
|
||||||
|
width: .4rem;
|
||||||
|
float: right;
|
||||||
|
position: relative;
|
||||||
|
cursor: pointer;
|
||||||
|
z-index: 9999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head .head-btn i {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: .04rem;
|
||||||
|
float: left;
|
||||||
|
background-color: #0e357f;
|
||||||
|
border-radius: .02rem;
|
||||||
|
transition: all .5s ease 0s;
|
||||||
|
-webkit-transition: all .5s ease 0s;
|
||||||
|
-moz-transition: all .5s ease 0s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head .head-btn i.bar-top {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head .head-btn i.bar-cen {
|
||||||
|
margin-top: .1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head .head-btn i.bar-bom {
|
||||||
|
margin-top: .1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head .head-btn.cur i {
|
||||||
|
background-color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head .head-btn.cur i.bar-cen {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head .head-btn.cur i.bar-top {
|
||||||
|
-webkit-transform: rotate(45deg) translate(.1rem, .095rem);
|
||||||
|
transform: rotate(45deg) translate(.1rem, .095rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
.head .head-btn.cur i.bar-bom {
|
||||||
|
-webkit-transform: rotate(-45deg) translate(.1rem, -.095rem);
|
||||||
|
transform: rotate(-45deg) translate(.1rem, -.095rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
.head .nav {
|
||||||
|
display: block;
|
||||||
|
width: 50%;
|
||||||
|
height: 100vh;
|
||||||
|
overflow-y: auto;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
position: fixed;
|
||||||
|
padding: .9rem .4rem 0;
|
||||||
|
top: 0px;
|
||||||
|
right: -50%;
|
||||||
|
z-index: 9999;
|
||||||
|
transition: all .6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav>span {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav>span>img {
|
||||||
|
height: 33px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head .nav>a {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 50px;
|
||||||
|
margin: 0;
|
||||||
|
font-weight: normal;
|
||||||
|
border-bottom: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-white .nav>a.active {
|
||||||
|
border-bottom: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pull-call {
|
||||||
|
position: static;
|
||||||
|
display: flex !important;
|
||||||
|
transform: none;
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
padding-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head .nav.active {
|
||||||
|
right: 0;
|
||||||
|
transition: all .6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head .nav-bg {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 999;
|
||||||
|
transition: all .6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head .nav-bg.active {
|
||||||
|
display: block;
|
||||||
|
opacity: 1;
|
||||||
|
transition: all .6s;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 尾部 */
|
||||||
|
.footer {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foot {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foot-left {
|
||||||
|
display: block !important;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foot-left .item {
|
||||||
|
width: 100%;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foot-left .item>a {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
font-size: .26rem;
|
||||||
|
color: #93b1ea;
|
||||||
|
line-height: .75rem;
|
||||||
|
border-bottom: 1px solid #1c428a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foot-left .item>a::after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: .18rem;
|
||||||
|
height: .1rem;
|
||||||
|
background-image: url(../images/icon/icon-foot-arrow.png);
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foot-left .item .sub-item {
|
||||||
|
height: 0;
|
||||||
|
margin-top: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foot-left .item.active>a {
|
||||||
|
border-bottom: 0;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foot-left .item.active>a::after {
|
||||||
|
transform: rotateZ(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.foot-left .item.active .sub-item {
|
||||||
|
height: auto;
|
||||||
|
background-color: #0e3070;
|
||||||
|
padding: .12rem .26rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foot-left .item.active .sub-item>a {
|
||||||
|
margin-top: 0;
|
||||||
|
font-size: .24rem;
|
||||||
|
line-height: .6rem;
|
||||||
|
color: #758cb8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foot-right {
|
||||||
|
width: 100%;
|
||||||
|
flex-direction: column-reverse;
|
||||||
|
}
|
||||||
|
|
||||||
|
.qr-code {
|
||||||
|
width: 1.86rem;
|
||||||
|
height: 1.86rem;
|
||||||
|
margin-top: .32rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.record-info {
|
||||||
|
width: 100%;
|
||||||
|
font-size: .24rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: .15rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 内容 */
|
||||||
|
.project-case-list>a>.img{
|
||||||
|
height: 175px;
|
||||||
|
}
|
||||||
|
.culture-info{
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
.red-property-case>a>.img{
|
||||||
|
height: 235px;
|
||||||
|
}
|
||||||
|
.complaint .left{
|
||||||
|
width: 280px;
|
||||||
|
}
|
||||||
|
.complaint .right{
|
||||||
|
width: calc(100% - 320px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* 非手机端隐藏 */
|
/* 非手机端隐藏 */
|
||||||
@media screen and (min-width:768px) {
|
@media screen and (min-width:960px) {
|
||||||
|
|
||||||
/* 仅手机端展示 */
|
/* 仅手机端展示 */
|
||||||
.wap-show {
|
.wap-show {
|
||||||
|
@ -2471,10 +2720,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 手机端样式 */
|
/* 手机端样式 */
|
||||||
@media screen and (max-width:768px) {
|
@media screen and (max-width:960px) {
|
||||||
body {
|
body {
|
||||||
padding-top: .9rem;
|
padding-top: .9rem;
|
||||||
max-width: 768px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
|
@ -2495,229 +2743,6 @@
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 头部 */
|
|
||||||
.header-white {
|
|
||||||
background-color: #f2f5fa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head {
|
|
||||||
height: .9rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* logo */
|
|
||||||
.logo {
|
|
||||||
height: .66rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo img {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 导航按钮 */
|
|
||||||
.head .head-btn {
|
|
||||||
display: block;
|
|
||||||
width: .4rem;
|
|
||||||
float: right;
|
|
||||||
position: relative;
|
|
||||||
cursor: pointer;
|
|
||||||
z-index: 9999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head .head-btn i {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: .04rem;
|
|
||||||
float: left;
|
|
||||||
background-color: #0e357f;
|
|
||||||
border-radius: .02rem;
|
|
||||||
transition: all .5s ease 0s;
|
|
||||||
-webkit-transition: all .5s ease 0s;
|
|
||||||
-moz-transition: all .5s ease 0s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head .head-btn i.bar-top {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head .head-btn i.bar-cen {
|
|
||||||
margin-top: .1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head .head-btn i.bar-bom {
|
|
||||||
margin-top: .1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head .head-btn.cur i {
|
|
||||||
background-color: #333333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head .head-btn.cur i.bar-cen {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head .head-btn.cur i.bar-top {
|
|
||||||
-webkit-transform: rotate(45deg) translate(.1rem, .095rem);
|
|
||||||
transform: rotate(45deg) translate(.1rem, .095rem);
|
|
||||||
}
|
|
||||||
|
|
||||||
.head .head-btn.cur i.bar-bom {
|
|
||||||
-webkit-transform: rotate(-45deg) translate(.1rem, -.095rem);
|
|
||||||
transform: rotate(-45deg) translate(.1rem, -.095rem);
|
|
||||||
}
|
|
||||||
|
|
||||||
.head .nav {
|
|
||||||
display: block;
|
|
||||||
width: 50%;
|
|
||||||
height: 100vh;
|
|
||||||
overflow-y: auto;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
position: fixed;
|
|
||||||
padding: .9rem .4rem 0;
|
|
||||||
top: 0px;
|
|
||||||
right: -50%;
|
|
||||||
z-index: 9999;
|
|
||||||
transition: all .6s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav>span {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav>span>img {
|
|
||||||
height: 33px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head .nav>a {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 50px;
|
|
||||||
margin: 0;
|
|
||||||
font-weight: normal;
|
|
||||||
border-bottom: 1px solid #ececec;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-white .nav>a.active {
|
|
||||||
border-bottom: 1px solid #ececec;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pull-call {
|
|
||||||
position: static;
|
|
||||||
display: flex !important;
|
|
||||||
transform: none;
|
|
||||||
border-bottom: 0 !important;
|
|
||||||
padding-top: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head .nav.active {
|
|
||||||
right: 0;
|
|
||||||
transition: all .6s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head .nav-bg {
|
|
||||||
width: 100vw;
|
|
||||||
height: 100vh;
|
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 999;
|
|
||||||
transition: all .6s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head .nav-bg.active {
|
|
||||||
display: block;
|
|
||||||
opacity: 1;
|
|
||||||
transition: all .6s;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 尾部 */
|
|
||||||
.footer {
|
|
||||||
padding-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foot {
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foot-left {
|
|
||||||
display: block !important;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foot-left .item {
|
|
||||||
width: 100%;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foot-left .item>a {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
font-size: .26rem;
|
|
||||||
color: #93b1ea;
|
|
||||||
line-height: .75rem;
|
|
||||||
border-bottom: 1px solid #1c428a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foot-left .item>a::after {
|
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
width: .18rem;
|
|
||||||
height: .1rem;
|
|
||||||
background-image: url(../images/icon/icon-foot-arrow.png);
|
|
||||||
background-size: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foot-left .item .sub-item {
|
|
||||||
height: 0;
|
|
||||||
margin-top: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foot-left .item.active>a {
|
|
||||||
border-bottom: 0;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foot-left .item.active>a::after {
|
|
||||||
transform: rotateZ(180deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.foot-left .item.active .sub-item {
|
|
||||||
height: auto;
|
|
||||||
background-color: #0e3070;
|
|
||||||
padding: .12rem .26rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foot-left .item.active .sub-item>a {
|
|
||||||
margin-top: 0;
|
|
||||||
font-size: .24rem;
|
|
||||||
line-height: .6rem;
|
|
||||||
color: #758cb8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.foot-right {
|
|
||||||
width: 100%;
|
|
||||||
flex-direction: column-reverse;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qr-code {
|
|
||||||
width: 1.86rem;
|
|
||||||
height: 1.86rem;
|
|
||||||
margin-top: .32rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.record-info {
|
|
||||||
width: 100%;
|
|
||||||
font-size: .24rem;
|
|
||||||
line-height: 1.5;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: .15rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* banner */
|
/* banner */
|
||||||
.banner-txt {
|
.banner-txt {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
|
10
js/script.js
10
js/script.js
|
@ -1,6 +1,6 @@
|
||||||
$(function(){
|
$(function(){
|
||||||
// 滑动页面更改头部效果
|
// 滑动页面更改头部效果
|
||||||
if(screen.width <= 768){
|
if(screen.width <= 960){
|
||||||
$('.header').addClass('header-white');
|
$('.header').addClass('header-white');
|
||||||
}else{
|
}else{
|
||||||
$(window).scroll(function(){
|
$(window).scroll(function(){
|
||||||
|
@ -57,7 +57,7 @@ $(function(){
|
||||||
window.location.href = $(this).data('url');
|
window.location.href = $(this).data('url');
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
if(screen.width <= 768){
|
if(screen.width <= 960){
|
||||||
// 公司新闻切换
|
// 公司新闻切换
|
||||||
var newsSwiper = new Swiper('.news-swiper',{
|
var newsSwiper = new Swiper('.news-swiper',{
|
||||||
loop:true,//开启循环播放
|
loop:true,//开启循环播放
|
||||||
|
@ -139,7 +139,7 @@ $(function(){
|
||||||
}
|
}
|
||||||
|
|
||||||
// 尾部导航
|
// 尾部导航
|
||||||
if(screen.width <= 768){
|
if(screen.width <= 960){
|
||||||
$('.foot-left>.item>a').click(function(){
|
$('.foot-left>.item>a').click(function(){
|
||||||
if(!$(this).parent().hasClass('active')){
|
if(!$(this).parent().hasClass('active')){
|
||||||
$('.foot-left>.item').removeClass('active');
|
$('.foot-left>.item').removeClass('active');
|
||||||
|
@ -233,7 +233,7 @@ $(function(){
|
||||||
|
|
||||||
// 友邻市集活动切换
|
// 友邻市集活动切换
|
||||||
if($('.market-swiper').length){
|
if($('.market-swiper').length){
|
||||||
if(screen.width <= 768){
|
if(screen.width <= 960){
|
||||||
var marketSwiper = new Swiper('.market-swiper',{
|
var marketSwiper = new Swiper('.market-swiper',{
|
||||||
direction: 'vertical', //向上
|
direction: 'vertical', //向上
|
||||||
slidesPerView: "auto",
|
slidesPerView: "auto",
|
||||||
|
@ -303,7 +303,7 @@ $(function(){
|
||||||
|
|
||||||
|
|
||||||
// 手机端二级导航
|
// 手机端二级导航
|
||||||
if(screen.width <= 768){
|
if(screen.width <= 960){
|
||||||
if($('.sub-nav-bg').length){
|
if($('.sub-nav-bg').length){
|
||||||
let parentWidth = $('.sub-nav-bg').width();
|
let parentWidth = $('.sub-nav-bg').width();
|
||||||
let offsetLeft = $('.sub-nav>.active').offset().left;
|
let offsetLeft = $('.sub-nav>.active').offset().left;
|
||||||
|
|
Loading…
Reference in New Issue