chrome点击,滚动条自动滚到最底的问题

最新推荐文章于 2023-03-07 14:37:34 发布
最新推荐文章于 2023-03-07 14:37:34 发布
阅读量2.4k 收藏
点赞数
分类专栏： web 文章标签： chrome javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tx183584/article/details/7728945
版权 
<a href='#'></a>

则会跳到最底,需要把#改成javascript:void(0)就行了

tx183584
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
todoist-gmail-sidebar:Chrome 侧边栏扩展程序（用于 Gmail 中的 Todoist）
07-02
todoist-gmail-边栏 厌倦了缺少 Google 小工具，我完全忽略了自己的无能，并拼凑了其他人的工作来创建一个 Chrome 扩展程序，该扩展程序创建了一个 iframe 侧边栏，即使在受 CSP 保护和 HTTPS 选项卡（例如 Gmail）中也可以加载 Todoist。 当前设置为仅在匹配“mail.google.com”的域上激活，并且被硬编码到 iframe src 中。 显然，改变其中任何一个都是微不足道的。 去做 在每个选项卡的基础上更改图标以显示侧边栏是否处于活动状态 在非活动 URL 上单击按钮时抛出一个弹出窗口 研究如何制作拆分器版本演示的工作版本并合并到项目中 修复 html 元素不会自动调整大小的 OS X 问题 找到一种方法来确保所有站点的滚动条都正确定位 优化流畅的 jquery 动画 调查潜在的框架焦点和过度滚动问题
github-pre-utility:Chrome扩展程序可轻松阅读github问题和要点，并带有长注释，而无需水平和垂直滚动
05-19
github-pre-utility 能够阅读GitHub问题和要点，并带有长条注释，而无需水平和垂直滚动。 Chrome扩展程序 从安装。 此扩展使用键r包装预标签/代码标签，并使用t折叠预标签。 选项 您可以切换到自动工作（=无需按下键）自动换行并通过选项页折叠。 您可以更改字符长度以控制折叠内容的第一视图。 您可以更改键码以手动换行和折叠。 单击上的任何键以确认键码。 演示版 在安装之前，请先在尝试此功能。 截屏
滚动预览「Scroll Preview」-crx插件
03-22
滚动预览集成了滚动条的整页预览，灵感来源于Sublime Text的迷你地图。 怎么运行的    •Alt + A - 获得一个新的滚动条粗略的预览    •拖动/单击滚动条 - 就像你过去一样    •再次按Alt + A - 如果预览包含内容，则隐藏预览    •Alt + Shift + A - 获得精致的预览（请耐心等待）    •厌倦了按键？ - 在选项页面中打开始终开启模式 常问问题    •https://github.com/chintown/monocle/wiki 更新    •（新）选项页面（chrome：// extensions />滚动预览>选项）    •（新）始终开启模式（选项>基本>自动）    •（新）放大镜快照（与点击跳转效果很好）。    •（改进）跳转到您点击快照的位置。    •（改进）在快照上应用消除锯齿。 特征    •捕获整页快照（Alt + A）    •添加一个附加的易于拖动的滚动条，与本地的很好地协作    •将快照与滚动条集成，以便更好地进行预览    •调整窗口大小时刷新快照    •允许隐藏/显示切换（再次按Alt + A）    •如果发现快照中显示的空白区域，请让浏览器重新扫描页面以对其进行优化 （Shift + Alt键+ A） 问题    •https://github.com/chintown/monocle/issues 贡献者    •Mike Chen 致谢    •Niklas von Hertzen的“html2canvas” 支持语言:English
chrome.exe
04-01
个性化，网速快，可登录合为一体 Google公司出版的浏览器，超好用 软件概述 Google Chrome是由Google开发的一款设计简单、高效的Web浏览工具。 Chrome Android Chrome Android Google Chrome的特点是简洁、快速。GoogleChrome支持多标签浏览，每个标签页面都在独立的“沙箱”内运行，在提高安全性的同时，一个标签页面的崩溃也不会导致其他标签页面被关闭。此外，Google Chrome基于更强大的JavaScript V8引擎，这是当前Web浏览器所无法实现的。 另有手机版的Chrome浏览器，于2012年发布了Chrome浏览器移动版，提供IOS系统、安卓系统以及Windows Phone系统的Chrome浏览器，在保持浏览器原有特点的情况下，实现了多终端使用浏览器，具有共享收藏历史信息等功能，是手机浏览器的一次巨大突破。随着Android系统的份额不断扩大而市场占有率不断飙升。 ·Chrome浏览器基于开源引擎WebKit、Blink，其中包含谷歌Gears。 ·Chrome提供了浏览器扩展框架，可以制作与Adobe-AIR类似的混合应用。 ·包含V8 Javascript虚拟机，这个多线程的虚拟机可以加速Javascript的执行。 ·具备隐私浏览模式，可以让用户无需在本地机器上登录即可使用，这个功能与微软IE8中的Incognito类似。 ·浏览器将内置防止“网络钓鱼“及恶意软件功能。 Google曾在自己的官方博客中宣布在Beta版Chrome25 中将加入网络语音API（Web SpeechAPI），让用户在某些嵌入了JavaScript的网页中可以更方便地使用语音指令、听写等功能。同时新版本在内容安全策略标头（Content Security Policy header）方面也有所改进，开发者可以创建网页、资源白名单，以此来提升浏览器的安全性。 软件名称 Google Chrome浏览器 Google Chrome浏览器 Google Chrome，又称谷歌浏览器，是一个由Google（谷歌）公司开发的免费网页浏览器。“Chrome”是化学元素“铬”的英文名称；过去也用Chrome称呼浏览器的外框。本软件的程式码是基于其他开放源代码软件所撰写，包括WebKit和Mozilla，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。软件的名称是来自于又称作“Chrome”的网络浏览器图形使用者界面（GUI）。 软件优点 不易崩溃　 最新版Google Chrome 最新版Google Chrome Chrome最大的亮点就是其多进程架构，保护浏览器不会因恶意网页和应用软件而崩溃。每个标签、窗口和插件都在各自的环境中运行，因此一个站点出了问题不会影响打开其它站点。通过将每个站点和应用软件限制在一个封闭的环境中这种架构，这进一步提高了系统的安全性。 速度快 使用WebKit引擎。WebKit简易小巧，并能有效率的运用存储器，对新开发者来说相当容易上手。Chrome具有DNS预先截取功能。当浏览网页时，“Google Chrome”可查询或预先截取网页上所有链接的IP地址。目标网页。Chrome具有GPU硬件加速：当激活GPU硬件加速时，使用“Google Chrome”浏览那些含有大量图片之网站时可以更快渲染完成并使页面滚动时不会出现图像破裂的问题。 2013年4月份，Google宣布称将为Chrome浏览器开发新的自主浏览器引擎Blink，在最新的Chrome开发版本中，Blink已经正式现身。 [7] 几乎隐身 说Chrome的界面简洁不足以说明其简洁程度。Chrome几乎不像是一款应用软件，屏幕的绝大多数空间都被用于显示用户访问的站点，屏幕上不会显示Chrome的按钮和标志。Chrome的设计人员表示，他们希望用户忘记自己在使用一款浏览器软件，他们的目标基本上实现了。 搜索简单 Chrome的标志性功能之一是Omnibox－－位于浏览器顶部的一款通用工具条。用户可 以在Omnibox中输入网站地址或搜索关键字，或者同时输入这两者，Chrome会自动执行用户希望的操作。Omnibox能够了解用户的偏好，例如， 如果一名用户喜欢使用PCWorld网站的搜索功能，一旦用户访问该站点，Chrome会记得PCWorld网站有自己的搜索框，并让用户选择是 否使用该站点的搜索功能。如果用户选择使用PCWorld网站的搜索功能，系统将自动执行搜索操作。 标签灵活 Chrome为标签式浏览提供了新功能。用户可以“抓住”一个标签，并将它拖放到单独的窗口中。用户可以在一个窗口中整合多个标签。Chrome在启动时可以使用用户喜欢的某个标签的配置，其它浏览器需要第三方插件才能够提供这一功能。 更加安全 黑名单（Blacklists）：“Google Chrome”会定期地更新防止网络钓鱼和恶意软件的黑名单，并在用户试图浏览可能造成电脑损害的网站时予以警告。这项服务也可通过使用其他的免费自由应用程序接口（API）“GoogleSafe Browsing API” 来取得。在更新维护这些黑名单的同时，Google也会通知被列入的网站，以避免网站持有者本身不知道网站存有恶意软件。 沙箱（Sandboxing）：“Google Chrome”中的每一个标签页都是一个沙箱（sandbox），以防止“恶意软件破坏用户系统”或“利用标签页影响其他标签页”。遵守最小权限原则，每个动作的权限都会被限制，仅能运算而无法写入文件和从敏感区域读取文件（如我的文档、桌面）。沙盒小组（Sandbox Team）是一种表示他们“使用了现有的运行程序限制，并让这些限制变成一座监狱”，例如在其中一个标签页运作的恶意软件，将无法窃取信用卡号码、干扰鼠标运作，或告诉系统在启动时运行某个程序，并且恶意软件会在标签页关闭时立即中止。 插件（Plugins）：插件通常并没有统一的标准，且无法像标签页般沙盒化。这些通常需要运行在浏览器本身的安全等级或更高的等级。为了降低被攻击的风险，插件是独立运行的。从5.0版本起，“Google Chrome”内置Adobe Flash Player以确保使用的为最新版本降低被攻击的风险。其后在9.0版本将Flash播放器内置在沙盒中独立运行。这项技术是Chrome安全性进步的一座里程碑。对Windows XP用户特别重要，因为它是平台上唯一提供Flash嵌入沙盒运行的浏览器。从8.0版本起，“Google Chrome”内置在沙盒中独立运行的PDF阅读器。 多进程（Multiprocessing）：能容许多个程序同时运行而互不影响，每个网页标签独立于窗口程序存在，当资源过高或崩溃时，不会因为一个停顿而整个程序当掉。 任务管理器（Task Manager）：非常有特色的工具，用户可以查看哪些网站占用了最多的内存、下载流量和CPU资源，有利于管理各个标签页与插件，也便于用户终止恶意操作。 诈骗和恶意程序保护：当“Google Chrome”侦测到浏览网站可能有害时，便会发出实时警告。浏览器会将造访网址的一部分传送给Google，以了解该网址是否列在诈骗与恶意网站清单中。(网络钓鱼及恶意软件的侦测功能)。 自动更新（Auto-updates）：为确保受到最新版安全性更新的保护，“Google Chrome”会定期检查更新，以确保更新永远为最新版本。更新检查可确保会使用最新版的安全性功能与修正程序，浏览器自动更新新的版本，不需要用户采取任何动作，更新后会在下一次启动中自动使用。 专业测评 HTML5测试 HTML5测试(3张) CSS3测评 Acid1及Acid2均顺利通过。 早先，在Acid3中只能获得78分，最新的测试版已达到100分，部分WebKit核心浏览器已取得100分通过。 CSS3 Selectors Test中578项全部通过。 HTML5测评 支持W3C最新WEB协议HTML5且表现良好支持HTML5视频编号格式有 H.264 OggTheora WebM 版本发布编辑 2015年8月21日正式版（44.0.2403.157）发布 [1] 1. 修复了部分网页加载缓慢的问题 2015年8月11日正式版（44.0.2403.155）发布 1、 关于内部审计的各种修正、模糊测试和其他措施等； 　　2、改善运行速度、安全性、稳定性以及硬件兼容性； 　　3、大幅提升 64 位版 Chrome 的安全性； 　　4、增强 64 位版 Chrome 稳定性，渲染器处理崩溃率大大降低； 　　5、内置组件 Adobe Flash Player 更新至 v18.0.0.232正式版； 2015年4月15日正式版（42.0.2311.90）发布 [8] 1、内置Adobe Flash Player已更新至17.0.0.169 　　2、新增海量应用扩展和Web平台API 　　3、大幅提升软件性能和稳定性 　　4、Chrome 42 正式停止对NPAPI插件的支持，现在默认安装仅支持5款PPAPI插件 　　5、向“生命、宇宙以及万事终极答案”致敬！（根据道格拉斯·亚当斯的小说《银河系漫游指南》，42是“生命、宇宙以及任何事情的终极答案”。因此，42这个数字也经常被用来向这一作品致敬） 2014年9月3日下午正式版（37.0.2062.103）发布 [9] 该版本首发于9月3日下午，更新编号为37.0.2062.119(平台版本为5978.80.0/5978.81.0)。 新增加的特性有： 1、多用户登录支持(Multi Sign)，多账户切换更便捷； 2、Chrome启动器中已可查看应用信息(App Info)； 3、设置(Setting)窗口不再出现在新标签页中； 4、隐身模式(Incognito Mode)新增“保存到Google Drive”功能； 5、可通过chrome.enterprise.platformKeys API使用客户端证书管理器(Client Certificate Management)； 6、书签管理(Managed Bookmarks)--推送和管理你的书签； 7、新增加密码管理工具。 2014年1月14日 正式版（32.0.1700.76）发布 Chrome 32.0.1700.76包含以下几个bug修复和体验提升： 1、在音频、视频、摄像头等标签上展示对应的图标； 2、Win8 Metro模式的新形象； 3、自动阻止恶意软件； 4、提供一些新的app或扩展的API； 5、更多高级功能。 2013年12月5日 正式版（31.0.1650.63）发布 Chrome 31.0.1650.63包含15个安全修复，例如同步会话的302定向、v8缓冲区溢出、模态对话框中的地址栏欺诈…… Chrome 31支持Web支付，在用户的授权下，Web开发人员可以通过程序调用浏览器的自动填充数据。这样，在支付时，用户可以直接选择存储在浏览器上的数据，或者通过一个浏览器界面来输入新的支付信息，然后开发人员再继续他们现有的支付流程。 Chrome 31还新增了便携式本机客户端（PNaCl，Portable Native Client），可以让开发者一劳永逸，只需一次编译就能在任何硬件平台上运行。 2013年10月16日Chrome 30正式版（30.0.1599.101）发布： 修复了5个安全漏洞以及一些之前版本存在的Bug，完善了浏览器性能。 2013年8月20日Chrome 29正式版（Chrome 29.0.1547.57）发布： 1、基于你曾经访问的站点对 Omnibox 建议进行改进； 　　2、可以重置个人 Profile 到之前的状态； 　　3、很多新的应用和扩展API； 　　4、大量稳定性和性能的提升； 　　5、安全相关问题修复。 2013年7月10日Chrome 28新版特性： 1、使用Blink内核； 2、开始支持通知中心服务。 2013
HTML如何在图片上添加内容（如文字，菜单栏，按钮等）
热门推荐
dengdengda的博客
09-26 9万+
HTML如何在图片上添加内容     最近做的一个效果是网页头部有一张大图，菜单栏漂浮在图片之上。我看到网上讲的很简单，大致原理就是图片定为相对定位，文字定为绝对定位即可。不过我实现的并不顺利，花了几个小时才让菜单栏漂浮在图片上。以下是效果图。 首先布好局： 以下是代码：               nav{         width: 100%;
chrome浏览器中div出现滚动条但不能用鼠标滚动
qq_36802917的博客
02-07 1244
chrome浏览器中div出现滚动条但不能用鼠标滚动
谷歌浏览器 抖动 chrome 上下抖动 问题解决
秦琦琛
01-24 5610
谷歌浏览器 抖动 chrome 上下抖动 问题解决 前一段时间，电脑一直没用，最近打开发现，谷歌浏览器总在打字或者移动鼠标时上下抖动。 重装也无济于事，最后换了火狐浏览器。 事后觉得这种行为，不像是程序员的应该干的事，就捣鼓了一下午，我认为我应该是解决了这个问题。 打开谷歌浏览器 找到设置 打开高级设置中的系统 关闭 硬件加速模式 重启浏览器，我的电脑解决了这个问题。 如果不行，可以删除浏览器，删除注册表，删除使用记录等等（提前备份），重新安装，再做以上步骤。 还有一个事儿，之前谷歌浏览器显示 由贵单位
Java当中使用 Selenium 使其 ChromeDriver 控制谷歌浏览器向下不断的滑动到最低部
程序员猫爪
02-14 1551
在 Selenium 中，可以使用 JavaScript 脚本 执行滚动操作。然后调用 executeScript 方法执行 JavaScript 代码。上面的代码将浏览器滚动到页面的最低部。请注意，这只适用于 ChromeDriver，如果您正在使用其他 WebDriver，则可能需要使用不同的代码。先设置写循环不断的改变窗体距离顶部的距离。
chrome浏览器设置网页快速到顶部和到底部的方法
liaowenxiong的博客
03-17 1万+
鼠标移到浏览器的书签任意位置，点击鼠标右键添加书签，在添加书签的窗口输入名称和js代码，然后把书签移到浏览器书签栏的最左侧，这样每次浏览网页就可以使用快捷方式快速到底部或者顶部了。 快速到顶部的js代码：javascript:(function(){window.scroll(0, 0);})(); 快速到底部的js代码：javascript:(function(){window.scroll(0...
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
11-23
要制作一个在线聊天的程序，在做最后的修饰时，需要对获得的信息即时滚动以保证用户总能看到最新消息。 聊天程序是基于AJAX设计的，没有用框架，消息容器是一个DIV，所以问题就在于如何控制DIV的滚动条。 但同样的代码拿到我这里却完全失效，又仔细查了下资料说XHTML标准下scrollTop的值恒为0，解决办法是使用 document.documentElement.scrollTop代替document.body.scrollTop，讲了半天所解决的是整个页 面的滚动条。这个方法我是用不了了，因为不是框架结构，所以不可能用body的滚动条控制浏览信息。 网上关于这个问题的资料很少，连CSDN上也
肝脏采集：省略了花蓝幻想的繁琐操作的工具
01-30
当然需要本地数据库隐藏所有侧边栏调整滚动条的样式在coopraid中搜索房间。 不符合条件的客房将被隐藏调整视窗大小查看房间中的所有队友两侧控制侧栏的开关Coopraid房间黑名单检查作业键盘支持键F刷新键D跳转到您的...
玩转ADB命令（ADB命令使用大全）
qq_25330791的博客
04-28 2088
我相信做Android开发的朋友都用过ADB命令，但是也只是限于安装应用push文件和设备重启相关，根深的也不知道了，其实我们完全可以了解多一点，有一些不常用的场景我们至少应该知道它可以做到，比如，我们知道adb install 却不知道adb shell am start。前者是用来安装软件，后者用来打开软件，后者的一个使用场景让我对他重视：公司定制Android系统，在调试屏幕的时候要看是否满...
页面内容已经到了底部，而左侧或者底部滚动条却没有到达底部
doucheng123qwer的博客
03-07 887
页面内容已经到了底部，而左侧或者底部滚动条却没有到达底部
selenium
weixin_34023863的博客
11-12 485
一、selenium简介 Selenium 是用于测试 Web 应用程序用户界面 (UI) 的常用框架。它是一款用于运行端到端功能测试的超强工具。您可以使用多个编程语言编写测试，并且 Selenium 能够在一个或多个浏览器中执行这些测试。Selenium的发展经历了三个阶段： selenium1的时代，在运行selenium1.0程序之前，我们得先启动selenium server端，即se...
python appium 滑动到底部 的一种通用实现方法
a164912的专栏
07-01 2054
本方法通过滑动前后截屏，按图片相似度判断是否已滑动到底部 图片比较： from PIL import Image import numpy as np import time def cmppic(file1,file2): img1,img2=Image.open(file1),Image.open(file2) img1,img2=np.array(img1),np.array(img2) return (img1==img2).mean() 滑动： def sco
浏览器滚动条拉底部的方法
weixin_30662011的博客
12-15 292
依赖jquery $(window).scrollTop($(document).height()-$(window).height()); 　　 转载于:https://www.cnblogs.com/huanhang/p/6183460.html
在页面加载的时候，滚动条自动滚到最下面的解决方案
justlikeyou的专栏
08-19 1万+
     在页面加载的时候，滚动条自动滚到最下面的解决方案：1.对于加载之后就不变化的页面，我们可以在页面的最后，在之前插入下面的语句，就可以保证每次都滚动到最下面，在实时中可以实现最新的记录始终在最下面。    window.scrollTo(0,document.body.scrollHeight)      在body中使用load函数是不可行的，因为页面在加载的时候无法确定他的height
app中上下滚动隐藏滚动条
最新发布
05-31
在移动端应用中，通常会采用隐藏滚动条的方式来提升用户体验。你可以使用CSS的 `overflow` 属性和 `::-webkit-scrollbar` 伪元素来实现这个效果。具体步骤如下： 1. 隐藏滚动条： ``` /* 隐藏滚动条 */ ::-webkit-scrollbar { display: none; } ``` 2. 设置容器的高度和 `overflow` 属性： ``` .container { height: 100%; overflow: auto; } ``` 3. 在容器内放置需要滚动的内容。 这样做可以让iOS和Android设备上的滚动条在滚动时自动隐藏，滚动停止后自动显示。需要注意的是，这种方法只适用于支持webkit内核的浏览器，例如Chrome和Safari。对于其他浏览器，你需要使用不同的方法来实现滚动条的隐藏。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值