fixed 定位设置 scroll 不滚动

我的问题是把容器的高度设置成了 100vw,和视口保持同样的高度,所以设置 scroll 也无法滚动。尽管我试了很多其他方法都不能让其滚动。

把高度设置成 100% 就可以了,结构如下:

<div class="container">
  <!-- ... -->
  <div class="item"></div>
  <!-- ... -->
</div>
.container {
  width: 100px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: scroll;
}
本文转载于网络 如有侵权请联系删除

相关文章

  • 算法工程师-深度学习类岗位面试题目

    1.你觉得batch-normalization过程是什么样的l按batch进行期望和标准差计算l对整体数据进行标准化l对标准化的数据进行线性变换l变换系数需要学习2.激活函数有什么用?常见的激活函数的区别是什么?激活函数作用:如果不用激励函数(其实相当于激励函数是f(x)=x),在这种情况下你每一层节点的输入都是上层输出的线性函数,很容易验证,无论你神经网络有多少层,输出都是输入的线性组合,与没有隐藏层效果相当,这种情况就是最原始的感知机(Perceptron)了,那么网络的逼近能力就相当有限。正因为上面的原因,我们决定引入非线性函数作为激励函数,这样深层神经网络表达能力就更加强大(不再是输入的线性组合,而是几乎可以逼近任意函数)。3.Softmax的原理是什么?有什么作用?Softmax用于多分类神经网络输出,目的是让大的更大。函数公式是示意图如下:Softmax是Sigmoid的扩展,当类别数k=2时,Softmax回归退化为Logistic回归。4.CNN的平移不变性是什么?如何实现的?平移不变性(translationinvariant)指的是CNN对于同一张图及其平移后的版

  • 2022年React对比Vue

    到了2022年前端框架发展早已稳定为三大框架Angular、React、Vue,三大框架发展趋势也是各有不同,基于TS的Angular大多数插件都是由官方提供,React官方只提供了React核心和Create-react-app,Vue官方提供了基本的三件套(个人认为Pinia可以代替VueX)。这篇文章中我们先把Angular放在一边个人谈一下React对比Vue的看法,现在的Vue3基本能成熟组合式API也可以支撑起大型项目,也有了React所说的Hooks,在我看来Vue3对比其他两个框架所剩的缺点可能只是不支持IE和TS的支持了,前者微软早已宣布2022年6月25日停止支持IE,后者正在被真在流行的TSX解决。先说明一下Vue3对比React的优点:watchEffect、computed对比useEffect,useMemo不需要手动填写依赖,并且可以执行函数停止监听。Vue中定义的ref和reactive变量是双向数据流并且可以直接拿到更新后的值,React中的useState返回数组中的两个参数使用起来更加繁琐Vue3对比React有更好的性能(数据更新和SSR)Vue

  • 菜鸟实战UML——活动图

    大家好,又见面了,我是你们的朋友全栈君。活动图活动图(activitydiagram)是阐明了业务用例实现的工作流程。业务工作流程说明了业务为向所服务的业务主角提供其所需要的价值而必须完成的工作,业务用例由一系列活动组成,他们共同为业务主角生成某些工件。工作流程通常包括一个基本的工作流程和一个或多个备选工作流程。工作流程的结构使用活动图来进行说明。用途活动图是UML用于对系统的动态行为建模的另一种常用工具,它描述活动的顺序,展现从一个活动到另一个活动的控制流程,活动图在本质上是一种流程图,活动图着重表现从一个活动到另一个活动的控制流,是内部处理驱动的流程。活动图组成元素1、活动状态图(activity):用于表达状态机中的非原子的运行2、动作状态(actions):是指原子的不可中断的动作,并在此动作完成后通过完成转换转向另一个状态3、动作状态约束(actionconstraints):用来约束动作状态,有前置条件和后置条件之分4、动作流(controlflow):动作之间的转换,用带箭头的直线表示,箭头的方向指向转入的方向5、起点:活动的开始节点,实心黑色圆点6、终点:表示整个活动的

  • WordPress主题Mac osX 2.03

    在MacosX2.02基础上,修正了一些BUG,添加了滑动门按钮,主题2.03a和2.03b左侧日志改为通栏,2.03c和2.03d为分栏,首页显示摘要和显示全文共四个版本。建议下载使用新版!经测试,发现独立页面模板下面的动态导航与部分插件有冲突,目前发现与Lightbox和CleanArchivesReloaded两个插件有冲突,如果发现动态导航没有正常显示或提示有错误,可禁用插件试一下。感谢网友aunsen的测试。作者:Zming 语言:中文 版本:2.03 类别:杂志型 演示:★使用或修改主题,请保留原作者信息,谢谢合作!所需插件: 1.wp-pagenavi(必须)注:删除或更名插件中的pagenavi-css.css文件。 2.中文工具箱或wp-kit-cn(不是必须,但建议安装) 为了达到最佳效果,建议安装”微软雅黑”字体。 主题包中包含LOGO源文件。使用说明: ★首页日志摘要自定义图片添加方法:(1)发表日志时在自定义字段左侧输入small,右侧输入图片链接地址;(2)左侧输入link,右侧输入日志链接地址,点击图片就可以查看全文了. ★顶部幻灯:将主题包中的focus

  • 一篇文带你入门SSM框架Spring开发!精彩干货不间断!

    目录一、什么是SSM框架?1、Spring2、SpringMVC3、MyBatis二、SpringIOC容器详解1、什么是SpringIOC?(1)、IOC(InversionofControl):反转控制。(2)、DI(DependencyInjection):依赖注入。2、SpringIOC容器的实例化3、IOC容器中添加bean三、通过IOC容器获取Bean属性1、通过bean属性的id进行获取2、通过bean的类型来进行获取3、通过类和属性名获取参数四、在IOC中给bean的属性赋值的多种方法1、通过无参构造并指定属性赋值2、通过有参构造并指定属性进行赋值3、通过有参构造不指定属性进行赋值4、通过索引值指定参数的位置5、通过类型不同区分重载的构造器6、利用P名称空间进行赋值五、写在最后一、什么是SSM框架?官方一点的话说:SSM框架集是Spring+SpringMVC+MyBatis的缩写,是由Spring、MyBatis两个开源框架整合而成(SpringMVC是Spring中的部分内容)。常作为数据源较简单的web项目的框架。用大白话说就是方便进行前后端开发的整合,更加适应企

  • Python 简介

    Python介绍与特点(自学python知识整理)Python简介Python是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。Python的设计:Python是一种解释型语言:这意味着开发过程中没有了编译这个环节。类似于PHP和Perl语言。Python是交互式语言:这意味着,您可以在一个Python提示符,直接互动执行写你的程序。Python是面向对象语言:这意味着Python支持面向对象的风格或代码封装在对象的编程技术。Python是初学者的语言:Python对初级程序员而言,是一种伟大的语言,它支持广泛的应用程序开发,从简单的文字处理到WWW浏览器再到游戏。具有很强的可读性,相比其他语言经常使用英文关键字,其他语言的一些标点符号,它具有比其他语言更有特色语法结构Python发展历史Python是由GuidovanRossum在八十年代末和九十年代初,在荷兰国家数学和计算机科学研究所设计出来的。Python本身也是由诸多其他语言发展而来的,这包括ABC、Modula-3、C、C++、Algol-68、SmallTalk、Unixshell和其他的脚本语言等等。像Pe

  • Convert Sorted List to Binary Search Tree

    1.问题描述Givenasinglylinkedlistwhereelementsaresortedinascendingorder,convertittoaheightbalancedBST.2.求解这个题主要是根据一个有序链表构造二叉查找树(树的左结点小于根节点,根节点小于右结点,子树具有同样的性质)。与有序数组最大的不同在于有序链表只能从前往后遍历,不能像有序数组一样访问任意位置的元素。因此构造时需要按顺序构造,其实有序链表是二叉查找树的中序遍历。因此需要按照中序遍历的顺序进行构建,先构建左子树,再构造根节点,最后构造右子树。由于是链表,每次构造之后头结点应该进行移动,Java中用了一个静态变量来保存根节点的位置。构造方法主要是递归,每次构建子树时都需要将数组分成左右两半,左边的构建左子树,右边的构建右子树,中间元素构造根节点。/** *Definitionforsingly-linkedlist. *publicclassListNode{ *intval; *ListNodenext; *ListNode(intx){val=x;} *} */ /** *Definition

  • Python scrapy 安装与开发

    Scrapy是采用Python开发的一个快速、高层次的屏幕抓取和web抓取框架,用于抓取采集web站点信息并从页面中提取结构化的数据。Scrapy用途广泛,可以用于数据挖掘、监测和自动化测试等。Scrapy吸引人的地方在于它是一个框架,任何人都可以根据需求方便的修改。它也提供了多种类型爬虫的基类,如BaseSpider、sitemap爬虫等,最新版本又提供了web2.0爬虫的支持。Scrapyisafasthigh-levelwebcrawlingandwebscrapingframework,usedtocrawlwebsitesandextractstructureddatafromtheirpages.Itcanbeusedforawiderangeofpurposes,fromdataminingtomonitoringandautomatedtesting.FormoreinformationincludingalistoffeatureschecktheScrapyhomepageat: http://scrapy.orgScrapy官网:https://scrapy.or

  • 如何构建商品定价模型?Mercari Price Suggestion Challenge 最佳方案出炉

    「如何分析一件商品究竟值多少钱?」对于消费者和商品卖家来说,这着实是一个不小的挑战。在网上购物时,当只有文字描述时,这个问题显得更为突出。在商品价格上,一些极小的细节代表着巨大的价格差异。上面的两件毛衣,一件价值335美元,另一件价值9.99美元。对于我们人类来说,想要通过上面的描述为毛衣定价简直可以说是「不可能完成的任务」!有了自然语言处理这个利器,它是否能帮助我们解决这个问题呢?为了自动为商品定价,日本著名的社区电子商务服务提供商Mercari举办了「MercariPriceSuggestionChallenge」(http://suo.im/1wYHSn)大赛,旨在利用商品的名称、类型、描述等文本信息为卖家提供定价建议。比赛简介本比赛分为两个阶段,在这个比赛的第一阶段中,选手被要求提交代码解决这个问题,并且代码需要在Kaggle比赛的服务器上用一个小时以内的时间生成答案。而在下一阶段中,选手被要求不能修改第一阶段使用过的代码。更为严苛的是,在这个阶段,数据规模增长到了第一阶段的5倍!这对项目代码的鲁棒性提出了很高的要求。本比赛采用均方根误差(RMSLE)作为评价选手提交的模型性能

  • javascript 红皮高程(17)-- 左移(<<)

    日拱一卒哈,,今天是位运算符的左侧(<<),由二个小于号表示,它会将数值的所有位向左移动指定的位数。当然,它移动的,是二进制的数值。很简单的,看小例子:把15转为二进制:15/2=7,1 7/2=3,1 3/2=1,1 1/2=0.5,1复制15转二进制为:1111varxx=1111; varxx2=xx<<5;复制那么,现在要把它向左移动5位,结果是:console.log(xx2);//111100000复制向左移动5位,补上5个0,因为左移是移动数值的所有位。那么二进制数111100000,转回十进制是多少呢?480这就是<<左移的运算过程。明天来学习“有符号的右移”

  • 23-Ajax

    AJAX异步和同步:客户端和服务器端相互通信的基础上同步:客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。异步:客户端不需要等待服务器端的响应。在服务器处理请求的过程中,客户端可以进行其他的操作。Ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用Ajax)如果需要更新内容,必须重载整个网页页面。提升用户的体验JS原生实现异步操作<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>Ajax异步请求</title> <script> functionfunc(){ //发送异步请求 //创建关键对象 varxmlhttp; //判断浏览器版本,根据版本不同,初始化对象方式不同 if(window.XML

  • 【Odoo】系列教程目录

    上海序说科技,专注于基于Odoo项目实施,实现企业数智化,助力企业成长。 老韩头的开发日常,博客园分享(2022年前博文) 文章系列 ☞Odoo14入门教程 说明:本系列是对《odoo14DevelopmentCookbook》学习教程,作者ParthGajjar、AlexandreFayolle、HolgerBrunn、DanielReis。 ☞OWL官方教程系列 说明:目前完成的教程大部分是OWL在2021年刚出时对官方教程的翻译(翻译质量也是参差不齐),但是截至2022年10月,官方教程已有不少更新。经常有朋友会问OWL的相关问题,因此故有此文,本系列会持续跟进官方教程。 本文来自博客园,作者:老韩头的开发日常,转载请注明原文链接:https://www.cnblogs.com/xushuotec/p/16791417.html

  • 【不做标题党,只做纯干货】HashMap在jdk1.7和1.8中的实现

     同步首发:http://www.yuanrengu.com/index.php/20181106.html Java集合类的源码是深入学习Java非常好的素材,源码里很多优雅的写法和思路,会让人叹为观止。HashMap的源码尤为经典,是非常值得去深入研究的,jdk1.8中HashMap发生了比较大的变化,这方面的东西也是各个公司高频的考点。网上也有很多应对面试的标准答案,我之前也写过类似的面试技巧(面试必备:Hashtable、HashMap、ConcurrentHashMap的原理与区别),应付一般的面试应该是够了,但个人觉得这还是远远不够,毕竟我们不能只苟且于得到offer,更应去勇敢的追求诗和远方(源码)。 jdk版本目前更新的相对频繁,好多小伙伴说jdk1.7才刚真正弄明白,1.8就出现了,1.8还用都没开始用,更高的jdk版本就又发布了。很多小伙伴大声疾呼:臣妾真的学不动啦!这也许就是技术的最大魅力吧,活到老学到老,没有人能说精通所有技术。不管jdk版本如何更新,目前jdk1.7和1.8还是各个公司的主力版本。不管是否学得动,难道各位小伙伴忘记了《倚天屠龙记》里九

  • 最大似然估计和最大后验概率

    参考链接1 参考链接2 一、介绍   极大似然估计和贝叶斯估计分别代表了频率派和贝叶斯派的观点。频率派认为,参数是客观存在的,只是未知而矣。因此,频率派最关心极大似然函数,只要参数求出来了,给定自变量X,Y也就固定了,极大似然估计如下所示:   D表示训练数据集,是模型参数   相反的,贝叶斯派认为参数也是随机的,和一般随机变量没有本质区别,正是因为参数不能固定,当给定一个输入x后,我们不能用一个确定的y表示输出结果,必须用一个概率的方式表达出来,所以贝叶斯学派的预测值是一个期望值,如下所示:   其中x表示输入,y表示输出,D表示训练数据集,是模型参数   该公式称为全贝叶斯预测。现在的问题是如何求(后验概率),根据贝叶斯公式我们有:   可惜的是,上面的后验概率通常是很难计算的,因为要对所有的参数进行积分,不能找到一个典型的闭合解(解析解)。在这种情况下,我们采用了一种近似的方法求后验概率,这就是最大后验概率。   最大后验概率和极大似然估计很像,只是多了一项先验分布,它体现了贝叶斯认为参数也是随机变量的观点,在实际运算中通常通过超参数给出先验分布。   从以上可以看出,一方

  • Java知多少(90)菜单

    有两种类型的菜单:下拉式菜单和弹出式菜单。本章只讨论下拉式菜单编程方法。菜单与JComboBox和JCheckBox不同,它们在界面中是一直可见的。菜单与JComboBox的相同之处是每次只可选择一个项目。在下拉式菜单或弹出式菜单中选择一个选项就产生一个ActionEvent事件。该事件被发送给那个选项的监视器,事件的意义由监视器解释。 菜单条、菜单和菜单项 下拉式菜单通过出现在菜单条上的名字可视化表示,菜单条(JMenuBar)通常出现在JFrame的顶部,一个菜单条显示多个下拉式菜单的名字。可以用两种方式来激活下拉式菜单。一种是按下鼠标的按钮,并保持按下状态,移动鼠标,直至释放鼠标完成选择,高亮度显示的菜单项即为所选择的。另一种方式是当光标位于菜单条中的菜单名上时,点击鼠标,在这种情况下,菜单会展开,且高亮度显示菜单项。一个菜单条可以放多个菜单(JMenu),每个菜单又可以有许多菜单项(JMenuItem)。例如,Eclipse环境的菜单条有File、Edit、Source、Refactor等菜单,每个菜单又有许多菜单项。例如,File菜单有New、OpenFile、Close、

  • 机器初始的时候,设置别名免密登录

    #1.生成rsa键值对,如果已经有了直接使用. #2.将对应的id_rsa.pub公钥文件拷贝到对应机器的.ssh文件夹下 使用scp命令,其中的username是你配置的对应的名称 scp~/.ssh/id_rsa.pubusername@remoteHost:/home/${userName}/.ssh复制 3.登录到remoteHost机器,并进入到~/.ssh目录下. 将id_rsa.pub的公钥追加到~/.ssh/authorized_keys的最后 catid_rsa.pub>>authorized_keys复制 4.给公钥授权 chmod700authorized_keys cd.. chmod600.ssh复制 这个时候已经完成了免密登录了. 5.设置别名 在~/.ssh/config文件中添加对应的Host信息. vim~/.ssh/config Hostremote HostNameip地址 Port22 User用户名复制 这样就可以通过sshremote进行免密登录了.

  • 为什么匿名内部类的参数必须为finalhttp://feiyeguohai.iteye.com/blog/1500108

    1) 从程序设计语言的理论上:局部内部类(即:定义在方法中的内部类),由于本身就是在方法内部(可出现在形式参数定义处或者方法体处),因而访问方法中的局部变量(形式参数或局部变量)是天经地义的.是很自然的 2) 为什么JAVA中要加上一条限制:只能访问final型的局部变量? 3) JAVA语言的编译程序的设计者当然全实现:局部内部类能访问方法中的所有的局部变量(因为:从理论上这是很自然的要求),但是:编译技术是无法实现的或代价极高. 4) 困难在何处?到底难在哪儿?   局部变量的生命周期与局部内部类的对象的生命周期的不一致性! 5) 设方法f被调用,从而在它的调用栈中生成了变量i,此时产生了一个局部内部类对象inner_object,它访问了该局部变量i.当方法f()运行结束后,局部变量i就已死亡了,不存在了.但:局部内部类对象inner_object还可能 一直存在(只能没有人再引用该对象时,它才会死亡),它不会随着方法f()运行结束死亡.这时:出现了一个"荒唐"结果:局部内部类对象inner

  • LA 8047. ACM-ICPC World Finals 2017 I. Secret Chamber at Mount Rushmore

    #include<iostream> #include<cstring> usingstd::cin; usingstd::cout; intmain(){ intn,m; cin>>n>>m; boolG[26][26]; while(n--){ chara,b; cin>>a>>b; G[a-'a'][b-'a']=true; } for(intk=0;k<26;k++) for(inti=0;i<26;i++) for(intj=0;j<26;j++) if(G[i][k]&G[k][j]) G[i][j]=true; while(m--){ chars[51],t[51]; cin>>s>>t; intlen=strlen(s); if(len!=strlen(t)){ cout<<"no\n"; continue; } for(inti=0;i<len;i++) if(s[i]!=t[i]&&!G[s[i]-'a

  • HTML5图片旋转

    HTML5图片旋转 首先我们使用Cococs2dx-Js-Lite版,来创建一个工程,我们所需要的开发环境如下: 1,webstrom 2,googlechrome浏览器 3,cocos2dx-Js-Lite引擎使用cocos2d-Js也可以! 第一步: 我们来进行Cocos2dx-Js-Lite来创建工程; 我们只需要拷贝这3个文件到我们的工程更目录文件夹中; 拷贝完之后我们根目录如下: 然后我们在我们webstrom中创建两个路径文件夹res(存放图片资源),src文件夹(存放js代码) 然后我们更改我们index.html里面的代码: index.html <!DOCTYPEhtml> <html> <head> <title>HelloCocos2d-JS</title> <scripttype="text/javascript"src="cocos2d-js-v3.6-lite.js"charset="UTF-8"></script> </head> <body>

  • F2. Guess the K-th Zero (Hard version)

    查询第k个0 t1e4 n2e5,提问上限6e4   线段树保存改变影响 structnode{ intl,r,val;//0的个数 }tr[N<<2]; voidbuild(into,intl,intr){ tr[o].l=l,tr[o].r=r;tr[o].val=-1; if(l==r)return; intmid=l+r>>1; build(o<<1,l,mid); build(o<<1|1,mid+1,r); } voidchange(into,intk){ if(tr[o].val>0)--tr[o].val; if(tr[o].l==tr[o].r)return; intmid=tr[o].l+tr[o].r>>1; if(mid<k)change(o<<1|1,k); elsechange(o<<1,k); } intquery(into){ if(tr[o].val==-1){ cout<<"?"<<tr[o].l<<

  • hihoCoder1378 (最大流最小割)

    #1378:网络流二·最大流最小割定理 时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 小Hi:在上一周的Hiho一下中我们初步讲解了网络流的概念以及常规解法,小Ho你还记得内容么? 小Ho:我记得!网络流就是给定了一张图G=(V,E),以及源点s和汇点t。每一条边e(u,v)具有容量c(u,v)。网络流的最大流问题求解的就是从s到t最多能有多少流量。 小Hi:那这个问题解决办法呢? 小Ho:解决网络流的基本思路就是寻找增广路,不断更新残留网络。直到找不到新的增广路,此时得到的流就是该网络的最大流。 小Hi:没错,看来你记得很牢嘛。 小Ho:哎嘿嘿,不过这里我有一个问题,为什么找不到增广路时就已经找到了最大流呢? 小Hi:这一次我就来解决你的疑惑,首先我们要从网络流的割开始讲起。 对于一个网络流图G=(V,E),其割的定义为一种点的划分方式:将所有的点划分为S和T=V-S两个部分,其中源点s∈S,汇点t∈T。 对于一个割(S,T),我们定义净流f(S,T)表示穿过割(S,T)的流量之和,即: f(S,T)=Σf(u,v)|u∈S,v∈T复制

相关推荐

推荐阅读