精华内容
下载资源
问答
  • 2016-09-07 10:56:29

    这里写图片描述这里写图片描述


    这里我们通过一个实例来阐述具体的做法,首先我们在一个页面有两个要处理的DIV页面,第一个页面的div中id=”basic”,第二个页面的div中id=”high”。(我们要实现的功能是,点击基础入门,与 高级技能 可以切换对应的页面,基础入门 下滑 就是 高级技能页面,高级技能页面上滑就是 基础入门页面)


    HTML

         <div class="nav"></div>
            <div id="basic" class="basicintro">
              ..... // 页面一
            </div>
    
            <div id="high" class="highskill">
              .....// 页面二
         </div>

    接下来我们引入zepto-cmd.js(JQuery.js的精简版) 或者JQuery.js ,上面是Sea.js引入的写法,常规写法

        <script type="text/javascript" src="jquery-1.12.2.min.js"></script>

    接下来就在页面加载后,或者文档元素加载后执行下面的匿名函数。

    JS

    var $ =window._$=require("/lib_cmd/zepto-cmd")
        //页面滚动的时候
         $(function(){
                /* scrollTo(0,0);*/
                 window.onscroll=function(){      //页面滚动的时候
                     var elm1=$("#basic")[0];
                     var elm2=$("#high")[0];
                     var scrolltop = Math.ceil(document.documentElement.scrollTop ||document.body.scrollTop);
                     if (scrolltop >= 0 && scrolltop < elm2.offsetTop-$(".nav").height()) {
                         $(".nav ul li a").removeClass("on"); //内部去除锚,和底部CSS样式处理
                         $(".basic a").addClass("on");   //内部添加锚,和底部CSS样式处理
                         //location.hash="#basic";
                     }
                     if (scrolltop >= elm2.offsetTop-$(".nav").height()) {
                         $(".nav ul li a").removeClass("on");
                         $(".high a").addClass("on");
                        // location.hash="#high";
                     }
                 }
            })

    我们通过("#basic")[0]  和(“#high”)[0] 拿到对应的DIV对象,通过

        Math.ceil(document.documentElement.scrollTop 

    拿到滚动条的高度,如果

        scrolltop >= 0 && scrolltop < elm2.offsetTop-$(".nav").height(),

    也就是说但滚动条的高度大于0,并且其高度小于$(“#high”)[0]的高度减去 页面最上面

        <div class="nav"></div> 

    的高度时,第一个页面添加对应的样式,第二个页面去除对应的样式。同理当,并且其高度大于$(“#high”)[0]的高度减去 页面最上面

        <div class="nav"></div> 

    的高度时,第一个页面去除对应的样式,第二个页面加上对应的样式。

    这样看似逻辑正确?其实在手机上回出现一个小问题,就是页面在刷新的时候,页面跳不到对应的位置!因此我们做了这样的操作。

    var $ =window._$=require("/lib_cmd/zepto-cmd")
            //页面滚动的时候
             $(function(){
                    /* scrollTo(0,0);*/
                     window.onscroll=function(){      //页面滚动的时候
                         var elm1=$("#basic")[0];
                         var elm2=$("#high")[0];
                         var scrolltop = Math.ceil(document.documentElement.scrollTop ||document.body.scrollTop);
                         if (scrolltop >= 0 && scrolltop < elm2.offsetTop-$(".nav").height()) {
                             $(".nav ul li a").removeClass("on");
                             $(".basic a").addClass("on");
                             //location.hash="#basic";
                         }
                         if (scrolltop >= elm2.offsetTop-$(".nav").height()) {
                             $(".nav ul li a").removeClass("on");//内部去除锚,和底部CSS样式处理
                             $(".high a").addClass("on"); //内部添加锚,和底部CSS样式处理
                            // location.hash="#high";
                         }
                     }
                     window.onload=function (){      //页面加载的时候
                         if (window.location.hash=="#basic") {
                             window.location.hash = "";
                             window.location.hash="basic"
                         }else if(window.location.hash=="#high"){
                             window.location.hash = "";
                             window.location.hash="high"
                         }else{
                             window.location.hash = "";
                             window.location.hash="#basic"
                         }
    
                     }
                })

    我们在页面加载前,对页面当前的锚,做判断,具体做法如上所示。这样就有效的避免页面了在加载,刷新时的问题。

    更多相关内容
  • idea使用教程——一个窗口中同时打开多个项目相信很多小伙伴都有在使用“idea”软件,那么在其中我们怎么在一个窗口中同时打开多个项目呢?下面小编就来为大家具体介绍。具体如下:1. 首先打开软件“idea”,然后...

    idea使用教程——一个窗口中同时打开多个项目

    相信很多小伙伴都有在使用“idea”软件,那么在其中我们怎么在一个窗口中同时打开多个项目呢?下面小编就来为大家具体介绍。

    具体如下:

    1. 首先打开软件“idea”,然后点击“Project Structure”,如下图箭头所指处:

    68771881a2dc35f9bdc3372eb4cf4848.png

    2. 进入“Modules”页面后,点击下图箭头所指处的“+”号。

    6cc043b2314ef51d33fe245f6292bc8a.png

    3. 之后就会出现下图所示的“Add”页面,找到并点击该页面中的“Import Module”,如下图箭头所指处:

    ad6039735b9d1474643f20e723c49115.png

    4. 出现如下图所示的选择项目页面后,点击“ok”。

    37fb85336cbc9b351b1368312345b065.png

    5. 之后就需要我们一直点击右面右下方的“next”直到“finish”出现。

    ffbb2959ca5dc793bd8243a4b86297a9.png

    5483e8e56873a6ac0183736b5c1540ef.png

    2f18a57aefd1b43ccd8337bd40f6b355.png

    bc6a175cd52c3cfd4464ebe91293a41b.png

    6. 最后点击“finish”,等待项目导入完成后,返回至“project structure”页面,再点击“ok”完成项目导入即可。

    a66807ba6b77c9a00fe37fddba3aa4fd.png

    85d8780d5610fe941c4934b07cb4893e.png

    以上就是小编为大家介绍的idea中在一个窗口中同时打开多个项目的方法,希望能帮到你~

    时间:2018-11-05 17:08 / 作者:百科全说

    5a63401d8fa2306cf372be578c407841.gif

    有的小伙伴在电脑上使用UC浏览器软件时,想要在无痕窗口中打开书签,但是却不知道如何打开,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,双击或者右击打开UC浏览器软件.2.第二步,来到UC浏览器主页面后,点击页面右上角的"三"选项.3. 第三步,在弹出选项框中,点击书签选项.4. 第四步,我们可以看到如下图所示的书签页面,右击任意一个书签.5. 第五步,在下图所示的弹出窗口中,点击在无痕窗口中打开选项.6. 第六步,成功打开书签后,点击UC浏览器主页面右上角的"×&qu

    5a63401d8fa2306cf372be578c407841.gif

    Word2010支持WPS文件的打开和编辑,用户可以在Word2010文档窗口中打开并编辑WPS文件。即使是金山软件最新版本的WPS2009文档,Word2010也能提供完美支持。在Word2010中打开WPS文件的步骤如下所述: 第1步,打开Word2010文档窗口,依次单击“文件”→“打开”按钮,如图1所示。 图1 单击“打开”按钮 第2步,在打开的“打开”对话框中,单击文档类型下拉三角按钮,选择文档类型为“工作6-9文档”选项。然后查找并选中需要打开的WPS文档,单击“打开”按钮即可,如图

    5a63401d8fa2306cf372be578c407841.gif

    1.打开所需要的两个文档: 2.点"视图"-"全部重排"-平铺/水平并排/垂直并排,两个文档将同时显示在一个主窗口中: 3.如果同时打开有第3.第4个文档,窗口中会全显示出来,可以把暂时用不到的最小化,重新按2.操作一遍就好.

    5a63401d8fa2306cf372be578c407841.gif

    随着科技的发展,越来越多的工作可以使用电脑来完成,当我们需要进行表格数据比对时,为了更加的方便快捷,我们可以在一个工作窗口中的打开两个工作文档.接下来就由小编来告诉大家如何操作.具体如下:1. 第一步,打开电脑中的excel文件,点击左上角的打开按钮.2. 第二步,在弹出的打开对话框中选择要打开的文件,并点击打开.3. 第三步,打开两个文档后,在任意一个文档中点击菜单栏中的试图选项.4.第四步,在二级菜单中选择重拍窗口按钮并点击打开.5. 第五步,在弹出的三个排列方式中根据自身需要选择一种,点击

    5a63401d8fa2306cf372be578c407841.gif

    UC浏览器是一个很不错的查询资料的软件,我们可以在UC浏览器的新标签页中打开书签,那么如何打开呢?小编就来为大家介绍一下吧.具体如下:1. 第一步,双击并打开UC浏览器软件.2. 第二步,来到UC浏览器主页面后,点击页面右上角的"三"选项.3. 第三步,我们可以看到如下图所示的弹出窗口,点击书签选项.4. 第四步,在如下图所示的设置页面,右击任意一个书签.5. 第五步,我们可以看到如下图所示的弹出消息框,点击在新窗口中打开选项.6. 第六步,成功打开书签后,点击页面右上角的"

    5a63401d8fa2306cf372be578c407841.gif

    PS是PHOTOSHOP 的简称,是我们现在最常使用的照片编辑软件之一.今天小编就告诉大家电脑PS如何将一个窗口中的图层移动到另一个窗口中.具体如下:1.需要下跟大家说一下,图层是无法直接拖动到另一个窗口中的.我们需要使用复制图层的方式才能转移.我们打开电脑的PS.导入两个文件.小编这里按把窗口 2的点状图移动到1中为例. 2.我们选中窗口2中的图层,右键,在打开的窗口中点击复制图层.  3. 然后在打开的复制图层的窗口中我们在下方可以看到有目标文档的选项,默认情况是复制到当前窗口中.4. 此时

    5a63401d8fa2306cf372be578c407841.gif

    eclipse开发程序怎么建立一个窗口? 1.打开eclipse软件; 2.建立一个java工程,相信学到这一步的小伙伴们会建立一个java工程了吧; 3.建立一个窗口方法; 代码如下: public Jframetext(boolean b){ this.add(new JLabel("新建立的窗口采用jframe")); this.setTitle("自定义窗口"); this.setBounds(80,80,400,180); this.setResizabl

    5a63401d8fa2306cf372be578c407841.gif

    有的小伙伴在使用Excel文档处理数据时,需要同时打开两个或者多个表格,但是却不知道如何打开,那么小编就来为大家介绍一下吧.方法 一1. 第一步,来到需要打开的两个Excel文档的文件夹.2. 第二步,选中这两个Excel文件,接着右击选中的文件,然后点击弹出窗口中的打开选项.3. 第三步,我们就可以看到如下图所示的页面,成功同时打开了这两个Excel表格.方法 二1. 第一步,双击或者右击打开表格处理软件,小编这里打开的是WPS表格工具.2. 第二步,同时选中需要打开的Excel文件.3. 第

    Excel2007基础教程:在多个窗口中查看工作表 有时,可能需要同时查看工作表的两个不同部分一-或许便于在公式中引用较远的一个单元格。或者可能需要同时检查同一个工作簿中的多个工作表。通过使用一个或多个额外窗口,并在其中打开工作簿的新视图,就可以完成上述操作。 要创建和显示活动工作簿的新视图,选择"视图" -> "窗口"吟"新建窗口"命令。 如图4.6 所示, Excel 为活动工作簿显示了一个新窗口。在该例子中,每个窗口显示了工作簿中一个不同的工作表。注意,标题栏中的文本:climate

    展开全文
  • word怎么在一个屏幕下同时出现两

    千次阅读 2021-06-02 16:24:34
    如上图所示,在这一个屏幕下,同时出现页,但我们只想一个屏幕下出现一页,即单面显示,我们该怎么办呢? 解决办法 在菜单栏的视图中点击单页 点击之后调回100%

    在这里插入图片描述

    如上图所示,在这一个屏幕下,同时出现了两页,但我们只想一个屏幕下出现一页,即单面显示,我们该怎么办呢?

    解决办法

    在菜单栏的视图中点击单页

    在这里插入图片描述

    点击之后调回100%

    在这里插入图片描述

    展开全文
  • 转载请说明来源于"厦门SEO" ... 3、这时,两个文档的内容无法同时显示,只能来回切换才行。我们可以点击上面的“视图”菜单,如图所示。  4、点击以后,出现了视图菜单项下的一些功能选项,我们点击“重排窗口.

    转载请说明来源于"厦门SEO"

    本文地址:http://www.96096.cc/Article/169649.html

    wps是什么意思

      1、首先在我们的电脑上用WPS打开一个文档,该文档显示在上方的切换栏,如图所示。

    超级有效果!WPS怎么在一个页面同时预览两个页面?

      2、再用WPS打开另外一个文档,同样,这个文档也显示在上方的切换栏,如图所示。

    超级有效果!WPS怎么在一个页面同时预览两个页面?

      3、这时,两个文档的内容无法同时显示,只能来回切换才行。我们可以点击上面的“视图”菜单,如图所示。

    超级有效果!WPS怎么在一个页面同时预览两个页面?

      4、点击以后,出现了视图菜单项下的一些功能选项,我们点击“重排窗口”旁边的倒三角图标,如图所示。

    超级有效果!WPS怎么在一个页面同时预览两个页面?

      5、点击以后,出现了一个下来菜单,这个菜单中有三个选项,我们可以选择其中的一个,比如“垂直平铺”,如图所示。

    超级有效果!WPS怎么在一个页面同时预览两个页面?

      6、选择“垂直平铺”以后,我们看见,刚才的两个文档就同时显示在了同一个WPS页面上了,说明我们的设置成功了。如图所示。

    超级有效果!WPS怎么在一个页面同时预览两个页面?

     


    关于更多wps是什么意思内容,可以收藏本网页。
    展开全文
  • 电脑Word文档两个表格如何合并

    千次阅读 2021-07-28 05:07:22
    电脑Word文档两个表格如何合并腾讯视频/爱奇艺/优酷/外卖 充值4折起Word文档是我们经常在工作和学习中使用的软件,我们有的时候也会在Word文档中绘制表格。接下来小编就教大家怎么在Word文档中将两个表格拼接。...
  • Word如何让两个文档同时并排查看

    万次阅读 2018-03-18 22:30:14
    使用Word文档时,有时候需要打开多个文档,点开个文档,另个文档就不能看了,十分不便和影响效率,下面我来介绍Word如何让两个文档同时并排查看。步骤阅读工具/原料Word2013方法/步骤1同时打开两个文档。2随便...
  • 1、条件、主机必须有双显卡,一般笔记本可以实现。2、连接好投影仪,但不要把显示切换到投影仪3、设置笔记本的属性,在桌面上单击右键|属性,选“设置”选项卡,在显示预览窗口里选择标号为2的投影;勾选“将...
  • 1.首先在电脑上用WPS打开2个文档 2.点击上面的“视图”菜单,点击“重排窗口”旁边的倒三角图标,点击以后,出现一个下来...3.选择“垂直平铺”以后,刚才的两个文档就同时显示在了同一个WPS页面上了,说明设置成功了.
  • 之前,在Edge中浏览PDF文档,一次只能查看一个页面,用户需要向下滚动才能继续翻页。 在公众号程序员小乐后台回复“Java”,获取Java面试题和答案。 近日,微软又为Edge浏览器的PDF阅读体验带来了新的功能:“页面...
  • 接着用极速PDF阅读器分别打开这个两个文档,在左上角其中个文档名称标签处单击鼠标右键并选择“文档对比”; 就会发现我们选择的那个文档被以新窗口重新单独打开; 然后分别将两个阅读窗口进行适量缩放(鼠标扫过...
  • HTML页面中使两个div并排显示

    万次阅读 2020-08-14 19:03:07
    在HTML中实现两个及以上div并排显示
  • 1.多个datagrid在页面加载时就显示出来,这时直接加载两个表格时是没问题的,都显示出来 $(function(){ $("#grid_1").datagrid("load",getGrid1()); $("#grid_2").datagrid("...
  • 简介:css处理网页时,它认为每个元素都包含在一个不可见的盒子里。把所有元素想象成盒子,那么对网页的布局就相当于摆放盒子。我们只需要将响应的盒子摆放到网页中相应的位置即可完成网页布局。盒子模型一个盒子...
  • 使用以下代码的情况下,只能开启一个websocket连接,如果开启了多个数据就不对了 var socketTask1 = wx.connectSocket({//打开websocket连接 url: 'wss://test.com/ws1', success: function (resConnect) {//...
  • 单个页面显示Ueditor编辑器方法

    千次阅读 2017-10-22 17:23:43
    今天在项目中遇到需要在单个页面显示编辑器 使用的是Ueditor编辑器 实例化多编辑器后虽然也能显示 但是明显错位 查看了官网的说明和手册后发现Ueditor是基于传统的iframe模式 在使用多的时候很容易出现...
  • 在项目过程中我们经常会用到把一个页面嵌入到另外的一个页面当中去 比如以一个模态框的形式去展示 但是这个过程中而且还会涉及到数据的交互 比如在列表的展示页我们希望修改和添加是通过一个页面的弹框的形式去...
  • 假定一个超链从一个万维网文档链接到另一个万维网文档时,由于万维网文档出现了差错而使得超链指向一个无效的计算机名字。这时浏览器将向用户报告什么?当使用鼠标点击一个万维网文档是,若该文档除了有文本外,...
  • C# 如何将一个PDF页面分割为页或多页

    千次阅读 热门讨论 2019-01-19 17:20:58
    除了将PDF文档拆分为多个PDF以外,有时候我们也需要将一个PDF页面分割为2个或多个页面。这篇文章介绍如何使用C#将一个PDF页面横向和纵向地分割为2页或多页。 本文所使用PDF组件:Spire.PDF for .NET(Version 5.1.4...
  • 安装CTRL键,然后滚动鼠标的
  • 本文不涉及技术,只是...如果你的系统也是用zuul作为分布式系统的网关,同时使用swagger生成文档,想把整个系统的文档整合在同一个页面上,可以参考本文。项目结构eureka-server:eureka服务注册中心,端口8080, zuu
  • 编写两个JSP页面:main.jsp和lader.jsp,将两个JSP页面保存在同一Web服务目录中。main.jsp使用include动作标记动态加载lader.jsp页面。lader.jsp页面可以计算并显示梯形的面积。当lader.jsp被加载时获取main.jsp...
  • 1.要想理解层叠上下层,首先要先从文档流和盒模型说起文档流在CSS中,文档流是一个很基础也是很重要的一个概念。很多时候她被称为Document Flow,但在CSS的标准被称为Normal Flow,即普通流或常规流。大家更喜欢称之...
  • HTML详解(4.编写第一个html页面

    千次阅读 2020-01-16 18:44:52
    一,说明 ...下面我们开始创建我们的第一个HTML程序。 二,创建HTML程序 1,新建文本文件 1.html 2,使用记事本打开写入如下代码 1.<html> 2. <head> 3. <title>my first pag...
  • 需求是:Echarts实现一个html页面同时显示多个图表,布局为左右,右边有分上下的布局. 如图所示: 参考文档:https://www.echartsjs.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts 步骤:...
  • 用Excel 2010打开两个以上文件时,总只显示一个窗口。 解决方法,打开注册表编辑器,(点运行,输入regedit)定位到 HKEY_CLASSES_ROOT\Excel.Sheet.12\shell\Open 1、展开Open,将ddeexec删除 2、选中...
  • idea使用教程——一个窗口中同时打开多个项目相信很多小伙伴都有在使用“idea”软件,那么在其中我们怎么在一个窗口中同时打开多个项目呢?下面小编就来为大家具体介绍。具体如下:1. 首先打开软件“idea”,然后...
  • layui多个数据表格共存一个页面处理

    万次阅读 2019-04-11 15:10:11
    今天在做后台时,遇到一个棘手的问题,就是layui的数据表格如果两个表格在一个页面,每个表格有一个搜索查询的筛选条件,那么每个搜索结果对应的只能刷新一个数据表格。如下图,当搜索药品的时候只刷新左表,当搜索...
  • Word中插入两个表格,表格后出现大片空白,另外一个表格不能连接到一个表格后边 原因分析:表格插入的格式需要调整 方法: 1.表格内右键,选择表格属性 2. 表格-文字环绕-无
  • 一个项目需求文档怎么写?

    千次阅读 2020-12-16 10:47:09
    一个产品一个需求文档,就像在平台上可以搜到很多关于需求文档的文章;看了这么多文章,就没有一个需求文档是统一的,这是为什么?我觉得可能还是要根据需求的实际情况以及当时开发紧急程度来定需求文档的合理格式...
  • 怎么把word文档分成左右部分

    千次阅读 2020-12-21 07:14:12
    1、在Word里面打开那个需要分割的文档(假设它的文件名叫做“原始文档.doc”);键入ALT+F11打开VBA编辑器,选择菜单“插入-模块”;粘贴下面的代码:Option ExplicitSub SplitPagesAsDocuments()Dim oSrcDoc As ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 491,933
精华内容 196,773
关键字:

一个页面显示两个文档