全球主机交流论坛

标题: 【悬赏 200金】解决一个网页问题 [打印本页]
作者: 救世主    时间: 2018-7-3 16:00
提示: 作者被禁止或删除 内容自动屏蔽
作者: Shy    时间: 2018-7-3 16:03
本地html测试chrome最新版刷新并没有出这个问题
作者: 救世主    时间: 2018-7-3 16:04
提示: 作者被禁止或删除 内容自动屏蔽
作者: sora    时间: 2018-7-3 16:07
很简单. 等我换小号来发答案.
作者: 救世主    时间: 2018-7-3 16:17
提示: 作者被禁止或删除 内容自动屏蔽
作者: 豆浆    时间: 2018-7-3 16:35
  1. <html>
  2. <frameset rows="100%" cols="50%,50%">
  3. <frame id=1 src="http://loc.998820.xyz/forum-45-1.html#fastpostform">
  4. <frame id=2 src="http://www.right.com.cn/forum/forum-158-1.html#fastpostform">
  5. </frameset>
  6. </html>
复制代码


200给我吧
作者: 救世主    时间: 2018-7-3 16:41
提示: 作者被禁止或删除 内容自动屏蔽
作者: 逸笙    时间: 2018-7-3 16:52
本帖最后由 逸笙 于 2018-7-3 16:56 编辑

SCROLL scroll 设置或获取滚动是否关闭。
        scrollHeight 获取对象的滚动高度。
        scrollLeft 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。
        scrollTop 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。
        scrollWidth 获取对象的滚动宽度。

网页可见区域宽： document.body.clientWidth;
网页可见区域高： document.body.clientHeight;
网页可见区域宽： document.body.offsetWidth    (包括边线的宽);
网页可见区域高： document.body.offsetHeight   (包括边线的宽);
网页正文全文宽： document.body.scrollWidth;
网页正文全文高： document.body.scrollHeight;
网页被卷去的高： document.body.scrollTop;
网页被卷去的左： document.body.scrollLeft;
网页正文部分上： window.screenTop;
网页正文部分左： window.screenLeft;
屏幕分辨率的高： window.screen.height;
屏幕分辨率的宽： window.screen.width;
屏幕可用工作区高度： window.screen.availHeight;
屏幕可用工作区宽度：window.screen.availWidth;
==================================

<body bgcolor="" onload="document.body.scrollTop = document.body.scrollHeight;" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
这是我原来弄的，你自己加上Left的设置看看~~~~
（抱歉我原来弄的滚到最下，自己没试过卷到最右。应该是document.body.scrollLeft = document.body.scrollWidth;）
作者: 救世主    时间: 2018-7-3 16:58
提示: 作者被禁止或删除 内容自动屏蔽
作者: 逸笙    时间: 2018-7-3 17:01
本帖最后由 逸笙 于 2018-7-3 17:02 编辑

<frame onload="document.body.scrollTop = document.body.scrollHeight;document.body.scrollLeft = document.body.scrollWidth;" src="http://loc.998820.xyz/forum-45-1.html">
应该是这样，
如果不行，你试试=document.body.clientWidth;
毕竟我只是玩过一个页面卷到底，没向右过。
作者: 救世主    时间: 2018-7-3 17:05
提示: 作者被禁止或删除 内容自动屏蔽
作者: sora    时间: 2018-7-3 17:09
救世主 发表于 2018-7-3 16:17
大佬没音讯啦？来啊，帮帮忙

来了来了. 刚才在测试.
你这个跨域用js/jq的话得用特殊模式启动chrome, 另外很神奇的是scrollTop跟scrollLeft不能同时控制. 很神奇. 后面的操作会消除前面的操作.
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>scroll</title>
  6.         <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  7.         <script type="text/javascript">
  8.                 $(function(){
  9.                         $("#loc").load(function(){
  10.                                 $(window.frames["loc"].document).scrollTop(99999);
  11.                                 $(window.frames["loc"].document).scrollLeft(99999);
  12.                         });
  13.                         $("#right").load(function(){
  14.                                 $(window.frames["right"].document).scrollLeft(99999);
  15.                                 $(window.frames["right"].document).scrollTop(99999);
  16.                         });
  17.                 });
  18.         </script>
  19. </head>
  20.         <frameset rows="100%" cols="50%,50%">
  21.                 <frame id="loc" name="loc" src="http://loc.998820.xyz/forum-45-1.html">
  22.                 <frame id="right" name="right" src="http://www.right.com.cn/forum/forum-158-1.html">
  23.         </frameset>
  24. </html>
复制代码

记得开启chrome允许跨域
作者: 救世主    时间: 2018-7-3 17:16
提示: 作者被禁止或删除 内容自动屏蔽
作者: sora    时间: 2018-7-3 17:37
救世主 发表于 2018-7-3 17:16
我保存了你这个源代码，还是没有任何滚动效果

chrome设置允许跨域.
  1. --disable-web-security
复制代码
作者: 救世主    时间: 2018-7-3 17:40
提示: 作者被禁止或删除 内容自动屏蔽
作者: sora    时间: 2018-7-3 17:47
本帖最后由 sora 于 2018-7-3 17:50 编辑
救世主 发表于 2018-7-3 17:40
有，已经设置的，依然没有效果


诶? 这不科学啊. 这代码没问题. 测试过的.
f12提示什么错误没?
是不是jquery没办法引入. 用的是百度的公共库
http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js



只不过滚动条的第二次操作会清除第一次的操作. 这点不知道怎么解决, 以前没遇到过这样的情况.

可以勉强先用#定位到底部, 然后scrollLeft.
作者: 救世主    时间: 2018-7-3 17:57
提示: 作者被禁止或删除 内容自动屏蔽
作者: sora    时间: 2018-7-3 18:06
本帖最后由 sora 于 2018-7-3 18:07 编辑
救世主 发表于 2018-7-3 17:57
不行啊


这就很骚了.
http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
这个能打开么. 看看console提示什么错误.

不能打开的话就随便找个jquery替换下src.

很尴尬, 以前一直用js, 用了jq之后就发现js慢慢不会用了.
作者: lgc    时间: 2018-7-3 18:08
本帖最后由 lgc 于 2018-7-3 18:17 编辑

按键精灵,用个浏览器里没有的快捷键启动脚本[找色(中间滚动条)➡F5刷新➡自动点下面两个滚动条拉到最右]
快捷键没什么冲突的话不找色也行..
作者: 逸笙    时间: 2018-7-3 18:10
呃，这边试了一下，没成功，可能要把body换掉，原来在body里面用没问题的~
作者: 救世主    时间: 2018-7-3 18:18
提示: 作者被禁止或删除 内容自动屏蔽
作者: 救世主    时间: 2018-7-3 18:19
提示: 作者被禁止或删除 内容自动屏蔽
作者: linap    时间: 2018-7-3 22:22
上puppeteer
作者: linap    时间: 2018-7-3 22:30
linap 发表于 2018-7-3 22:22
上puppeteer

遍历page.frames()
每个frame执行js语句
iframe.evaluate(function(){
$(document).scrollTop(99999);
$(document).scrollLeft(99999);
});
作者: 救世主    时间: 2018-7-3 22:49
提示: 作者被禁止或删除 内容自动屏蔽
作者: jiajieit    时间: 2018-7-4 04:04
用锚不就可以让他滚动底部了吗，换个宽度超过1920的显示器 或者 缩小浏览器显示比例就不会显示宽度滚动条.

  1. <html>
  2. <frameset rows="100%" cols="50%,50%">
  3. <frame src="http://loc.998820.xyz/forum-45-1.html#debuginfo">
  4. <frame src="http://www.right.com.cn/forum/forum-158-1.html#debuginfo">
  5. </frameset>
  6. </html>
复制代码


(, 下载次数: 0)
作者: the2ndface    时间: 2018-7-4 08:13
jiajieit 发表于 2018-7-4 04:04
用锚不就可以让他滚动底部了吗，换个宽度超过1920的显示器 或者 缩小浏览器显示比例就不会显示宽度滚动条.
...

大佬方案是好就是得配个放大镜
作者: drice    时间: 2018-7-4 08:34
如果是要搞自动化任务的话，上zennoposter吧
作者: 嘉靖    时间: 2018-7-4 08:45
jiajieit 发表于 2018-7-4 04:04
用锚不就可以让他滚动底部了吗，换个宽度超过1920的显示器 或者 缩小浏览器显示比例就不会显示宽度滚动条.
...

此方案好啊！



欢迎光临 全球主机交流论坛 (https://loc.998820.xyz/) Powered by Discuz! X3.4