|
@@ -3466,14 +3466,23 @@ export default {
|
|
|
this.rightBoxHeight = $(".rightBox")[0].scrollHeight;
|
|
|
// 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) {
|
|
|
+ // if (top > client) {
|
|
|
+ // let top = $(".rightBox")[0].offsetTop
|
|
|
+ // $('.stepsBottom2')[0].style.position = 'fixed'
|
|
|
+ // $('.stepsBottom2')[0].style.top = top + 'px'
|
|
|
+ // // $('.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'
|
|
|
}
|
|
|
},
|
|
@@ -3709,19 +3718,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;
|
|
@@ -9908,7 +9917,7 @@ ol {
|
|
|
}
|
|
|
|
|
|
.stepsBottom2 {
|
|
|
- width: 100%;
|
|
|
+ width: 300px;
|
|
|
margin: 20px 0;
|
|
|
/* box-shadow: 0 0 10px 10px #f7f7f7; */
|
|
|
/* background: #f7f7f7; */
|
|
@@ -9916,7 +9925,7 @@ ol {
|
|
|
overflow: hidden;
|
|
|
height: fit-content;
|
|
|
position: relative;
|
|
|
- transition: all .5s;
|
|
|
+ /* transition: all .5s; */
|
|
|
}
|
|
|
|
|
|
.navTop {
|