Javascript 是否基于jQuery中的window.innerHeight包装内容?
我的网站文本量很大,我想根据内容高度自动将其拆分,就像谷歌文档或word那样 所以我想我应该使用Javascript 是否基于jQuery中的window.innerHeight包装内容?,javascript,jquery,dom,Javascript,Jquery,Dom,我的网站文本量很大,我想根据内容高度自动将其拆分,就像谷歌文档或word那样 所以我想我应该使用window.innerHeight来获得完整高度,并执行如下操作: $("content").ready(function(){ from(window.innerHeight == 1,window.innerHeight == 70%){ $(this).wrapInner('<div class="wrapper"> </div>').append('<
window.innerHeight
来获得完整高度,并执行如下操作:
$("content").ready(function(){
from(window.innerHeight == 1,window.innerHeight == 70%){
$(this).wrapInner('<div class="wrapper"> </div>').append('<div class="endpage"></div>')
}
from($(".endpage").innerHeight, $(".endpage").innerHeight + 70%){
$(this).wrapInner('<div class="wrapper"> </div>').append('<div class="endpage"></div>')
}})
乱数假文
Lorem ipsum dolor sit amet,是一位杰出的献身者。这是两种不同的颜色。金樱子拍卖行。艾蒂安·塞德·迪亚姆广场。毛里斯·苏西皮特·托托·乌特·菲利斯·法雷特拉,埃吉特·塞姆佩尔·苏西皮特。佩伦茨克坐在阿梅特·莫利斯·努拉旁边。
圣康圭的万岁,身份证上的康茂德,阿利奎特·多洛。整数lobortis efficitur velit。Nam vehicula mattis lectus,位于malesuada mauris convallis elementum
- Lorem ipsum dolor sit amet,是一位杰出的献身者。这是两种不同的颜色。金樱子拍卖行。艾蒂安·塞德·迪亚姆广场。毛里斯·苏西皮特·托托·乌特·菲利斯·法雷特拉,埃吉特·塞姆佩尔·苏西皮特。佩伦茨克坐在阿梅特·莫利斯·努拉旁边。
圣康圭的万岁,身份证上的康茂德,阿利奎特·多洛。整数lobortis efficitur velit。Nam vehicula mattis lectus,位于malesuada mauris convallis elementum
- Lorem ipsum dolor sit amet,是一位杰出的献身者。这是两种不同的颜色。金樱子拍卖行。艾蒂安·塞德·迪亚姆广场。毛里斯·苏西皮特·托托·乌特·菲利斯·法雷特拉,埃吉特·塞姆佩尔·苏西皮特。佩伦茨克·希特·莫利斯
努拉。圣康圭的万岁,身份证上的康茂德,阿利奎特·多洛。整数lobortis efficitur velit。Nam vehicula mattis lectus,位于malesuada mauris convallis elementum
- Lorem ipsum dolor sit amet,是一位杰出的献身者。这是两种不同的颜色。金樱子拍卖行。艾蒂安·塞德·迪亚姆广场。毛里斯·苏西皮特·托托·乌特·菲利斯·法雷特拉,埃吉特·塞姆佩尔·苏西皮特。佩伦茨克坐在阿梅特·莫利斯·努拉旁边。
圣康圭的万岁,身份证上的康茂德,阿利奎特·多洛。整数lobortis efficitur velit。Nam vehicula mattis lectus,位于malesuada mauris convallis elementum
- Lorem ipsum dolor sit amet,是一位杰出的献身者。这是两种不同的颜色。金樱子拍卖行。艾蒂安·塞德·迪亚姆广场。毛里斯·苏西皮特·托托·乌特·菲利斯·法雷特拉,埃吉特·塞姆佩尔·苏西皮特。佩伦茨克·希特·莫利斯
努拉。圣康圭的万岁,身份证上的康茂德,阿利奎特·多洛。整数lobortis efficitur velit。Nam vehicula mattis lectus,位于malesuada mauris convallis elementum
- Lorem ipsum dolor sit amet,是一位杰出的献身者。这是两种不同的颜色。金樱子拍卖行。艾蒂安·塞德·迪亚姆广场。毛里斯·苏西皮特·托托·乌特·菲利斯·法雷特拉,埃吉特·塞姆佩尔·苏西皮特。佩伦茨克坐在阿梅特·莫利斯·努拉旁边。
圣康圭的万岁,身份证上的康茂德,阿利奎特·多洛。整数lobortis efficitur velit。Nam vehicula mattis lectus,位于malesuada mauris convallis elementum
- Lorem ipsum dolor sit amet,是一位杰出的献身者。这是两种不同的颜色。金樱子拍卖行。艾蒂安·塞德·迪亚姆广场。毛里斯·苏西皮特·托托·乌特·菲利斯·法雷特拉,埃吉特·塞姆佩尔·苏西皮特。佩伦茨克·希特·莫利斯
努拉。圣康圭的万岁,身份证上的康茂德,阿利奎特·多洛。整数lobortis efficitur velit。Nam vehicula mattis lectus,位于malesuada mauris convallis elementum
您可以尝试单独定义您的部分:
var wph = $(".wrapper").height(); //this could be window.innerHeight
if( wph > 50 ){
$(".wrapper").wrapInner("<div class='pager'></div>");
}
这有助于布局您的内容 将双引号替换为单引号:
'
首先。另外,你能为这个问题创建一个工作段吗?@MoshFeu我怎么能为我无法工作的问题创建一个工作段呢?我所说的工作段是指重现问题的一个工作段。如果我想调试它来帮助你,我必须自己创建一个类似的页面。如果你愿意帮助我们,我们将很容易帮助你:)什么“不起作用”?你期望发生什么事而没有发生?或者,你不希望发生的事情是什么?@MikeMcCaughan我需要它在.wrapper div中包装占屏幕70%的元素
var wph = $(".wrapper").height(); //this could be window.innerHeight
if( wph > 50 ){
$(".wrapper").wrapInner("<div class='pager'></div>");
}
$(".wrapper").text().length;