|
|
@@ -3467,20 +3467,18 @@ export default {
|
|
|
// document.querySelector('.course_left').scrollHeight
|
|
|
// document.querySelector('.stepsBottom2').scrollHeight
|
|
|
|
|
|
- // let stepsBottom2 = $(".stepsBottom2")[0].clientHeight
|
|
|
- // let client = $(".course_left")[0].clientHeight - stepsBottom2
|
|
|
- // let top = $(".rightBox")[0].scrollTop - 400
|
|
|
- // if (top > client) {
|
|
|
- // $('.stepsBottom2')[0].style.top = client + 'px'
|
|
|
- // } else if (top > 0) {
|
|
|
- // $('.stepsBottom2')[0].style.top = top + 'px'
|
|
|
- // } else {
|
|
|
- // $('.stepsBottom2')[0].style.top = '0px'
|
|
|
- // }
|
|
|
- let stepsBottom2 = $(".stepsBottom2")[0].offsetTop
|
|
|
- if (stepsBottom2 > 40) {
|
|
|
- $('.stepsBottom2')[0].style.top = (stepsBottom2 - 40) + 'px'
|
|
|
+ let stepsBottom2 = $(".stepsBottom2")[0].clientHeight
|
|
|
+ let client = $(".course_left")[0].clientHeight - stepsBottom2
|
|
|
+ let top = $(".rightBox")[0].scrollTop - 400
|
|
|
+ if (top > client) {
|
|
|
+ $('.stepsBottom2')[0].style.top = client + 'px'
|
|
|
+ } else if (top > 0) {
|
|
|
+ let top = $(".rightBox")[0].offsetTop
|
|
|
+ $('.stepsBottom2')[0].style.position = 'fixed'
|
|
|
+ $('.stepsBottom2')[0].style.top = top + 'px'
|
|
|
+ // $('.stepsBottom2')[0].style.top = top + 'px'
|
|
|
} else {
|
|
|
+ $('.stepsBottom2')[0].style.position = 'absolute'
|
|
|
$('.stepsBottom2')[0].style.top = '0px'
|
|
|
}
|
|
|
},
|
|
|
@@ -3716,19 +3714,19 @@ export default {
|
|
|
);
|
|
|
_this.$message.success("删除成功");
|
|
|
|
|
|
- this.$nextTick(() => {
|
|
|
- $('.stepsBottom2')[0].style.transition = 'unset'
|
|
|
- setTimeout(() => {
|
|
|
- let stepsBottom2 = $(".stepsBottom2")[0].clientHeight
|
|
|
- let client = $(".basic_box2")[0].clientHeight - stepsBottom2 - 100
|
|
|
- let top = $('.stepsBottom2')[0].offsetTop - 20
|
|
|
- if (top > client) {
|
|
|
- $('.stepsBottom2')[0].style.top = client + 'px'
|
|
|
- }
|
|
|
- $('.stepsBottom2')[0].style.transition = 'all .5s'
|
|
|
- this.$forceUpdate()
|
|
|
- }, 500)
|
|
|
- })
|
|
|
+ // this.$nextTick(() => {
|
|
|
+ // $('.stepsBottom2')[0].style.transition = 'unset'
|
|
|
+ // setTimeout(() => {
|
|
|
+ // let stepsBottom2 = $(".stepsBottom2")[0].clientHeight
|
|
|
+ // let client = $(".basic_box2")[0].clientHeight - stepsBottom2 - 100
|
|
|
+ // let top = $('.stepsBottom2')[0].offsetTop - 20
|
|
|
+ // if (top > client) {
|
|
|
+ // $('.stepsBottom2')[0].style.top = client + 'px'
|
|
|
+ // }
|
|
|
+ // $('.stepsBottom2')[0].style.transition = 'all .5s'
|
|
|
+ // this.$forceUpdate()
|
|
|
+ // }, 500)
|
|
|
+ // })
|
|
|
})
|
|
|
.catch(() => {
|
|
|
return;
|
|
|
@@ -9915,7 +9913,7 @@ ol {
|
|
|
}
|
|
|
|
|
|
.stepsBottom2 {
|
|
|
- width: 100%;
|
|
|
+ width: 300px;
|
|
|
margin: 20px 0;
|
|
|
/* box-shadow: 0 0 10px 10px #f7f7f7; */
|
|
|
/* background: #f7f7f7; */
|
|
|
@@ -9923,7 +9921,7 @@ ol {
|
|
|
overflow: hidden;
|
|
|
height: fit-content;
|
|
|
position: relative;
|
|
|
- transition: all .5s;
|
|
|
+ /* transition: all .5s; */
|
|
|
}
|
|
|
|
|
|
.navTop {
|
