weixin_39427213 2021-03-07 01:33
浏览 14

如何实现展开和收齐,展开的代码如下

<div class="text"><div class="fullhint">{{hint:完全展开}}</div></div></br><div class='from'>

 

<script>

// remove cloze syntax from revealed hint

var hint = document.querySelector('.fullhint>[id^="hint"]')

var html = hint.innerHTML.replace(/\[\[oc(\d+)::(.*?)(::(.*?))?\]\]/mg, "$2")

hint.innerHTML = html

// scroll to cloze

document.addEventListener('DOMContentLoaded', function() {

setTimeout(function(){

const cloze1 = document.getElementsByClassName("cloze")[0];

const rect = cloze1.getBoundingClientRect();

const absTop = rect.top + window.pageYOffset;

const absBot = rect.bottom + window.pageYOffset;

if (absBot >= window.innerHeight) {

const height = rect.top - rect.bottom

const middle = absTop - (window.innerHeight/2) - (height/2);

window.scrollTo(0, middle);};

}, 1);

}, false);

 

</script>

 

  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
    • ¥15 arduino控制ps2手柄一直报错
    • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
    • ¥15 求chat4.0解答一道线性规划题,用lingo编程运行,第一问要求写出数学模型和lingo语言编程模型,第二问第三问解答就行,我的ddl要到了谁来求了
    • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
    • ¥50 树莓派安卓APK系统签名
    • ¥65 汇编语言除法溢出问题
    • ¥15 Visual Studio问题
    • ¥20 求一个html代码,有偿
    • ¥100 关于使用MATLAB中copularnd函数的问题