File: /opt/bitnami/apache/manual/mod/mod_auth_digest.html.ko.euc-kr
<!DOCTYPE html SYSTEM "about:legacy-compat">
<html lang="ko"><head><META http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<meta content="width=device-width, initial-scale=1" name="viewport">
<!--
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
This file is generated from xml source: DO NOT EDIT
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-->
<title>mod_auth_digest - Apache HTTP Server Version 2.4</title>
<link href="../style/css/manual.css" rel="stylesheet" media="all" type="text/css" title="Main stylesheet">
<link href="../style/css/manual-loose-100pc.css" rel="alternate stylesheet" media="all" type="text/css" title="No Sidebar - Default font size">
<link href="../style/css/manual-print.css" rel="stylesheet" media="print" type="text/css"><link rel="stylesheet" type="text/css" href="../style/css/prettify.css">
<script src="../style/scripts/prettify.min.js">
</script>
<link href="../images/favicon.png" rel="shortcut icon"></head>
<body>
<div id="page-header">
<p class="menu"><a href="../mod/">���</a> | <a href="../mod/quickreference.html">���þ��</a> | <a href="https://cwiki.apache.org/confluence/display/httpd/FAQ">FAQ</a> | <a href="../glossary.html">���</a> | <a href="../sitemap.html">���Ʈ��</a> | <a href="https://bz.apache.org/bugzilla/enter_bug.cgi?product=Apache%20httpd-2">Report a bug</a></p>
<p class="apache">Apache HTTP Server Version 2.4</p>
<img alt="" src="../images/feather.png"></div>
<div class="up"><a href="./"><img title="<-" alt="<-" src="../images/left.gif"></a></div>
<div id="path">
<a href="https://www.apache.org/">Apache</a> > <a href="https://httpd.apache.org/">HTTP Server</a> > <a href="https://httpd.apache.org/docs/">Documentation</a> > <a href="../">Version 2.4</a> > <a href="./">���</a></div>
<div id="page-content">
<div id="preamble"><h1>����ġ ��� mod_auth_digest</h1>
<button aria-label="Toggle language list" class="lang-toggle"><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="16" width="16"><circle r="10" cy="12" cx="12"/><line y2="12" x2="22" y1="12" x1="2"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg></button>
<div class="toplang">
<p><span>������ ���: </span><a href="../en/mod/mod_auth_digest.html" hreflang="en" rel="alternate" title="English"> en </a> |
<a href="../fr/mod/mod_auth_digest.html" hreflang="fr" rel="alternate" title="Français"> fr </a> |
<a href="../ko/mod/mod_auth_digest.html" title="Korean"> ko </a></p>
</div>
<div class="outofdate">�� ������ �ֽ��� ������ �ƴմϴ�.
�ֱٿ� ����� ���� ���� ������ ����ϼ���.</div>
<table class="module"><tr><th><a href="module-dict.html#Description">����:</a></th><td>MD5 Digest Authentication�� ����� ������.</td></tr>
<tr><th><a href="module-dict.html#Status">����:</a></th><td>Experimental</td></tr>
<tr><th><a href="module-dict.html#ModuleIdentifier">����:</a></th><td>auth_digest_module</td></tr>
<tr><th><a href="module-dict.html#SourceFile">�ҽ����:</a></th><td>mod_auth_digest.c</td></tr></table>
<h3>���</h3>
<p>�� ��� HTTP Digest Authentication�� ����Ѵ�.
���� ���� ��Ʈ�� ��ġ�� ��� ������ ���̴�.</p>
</div>
<div id="quickview"><h3>���</h3>
<ul id="topics">
<li><img alt="" src="../images/down.gif"> <a href="#using">Digest Authentication ����ϱ�</a></li>
<li><img alt="" src="../images/down.gif"> <a href="#msie">MS Internet Explorer ���� �ذ��ϱ�</a></li>
</ul><h3 class="directives">���þ��</h3>
<ul id="toc">
<li><img alt="" src="../images/down.gif"> <a href="#authdigestalgorithm">AuthDigestAlgorithm</a></li>
<li><img alt="" src="../images/down.gif"> <a href="#authdigestdomain">AuthDigestDomain</a></li>
<li><img alt="" src="../images/down.gif"> <a href="#authdigestnoncelifetime">AuthDigestNonceLifetime</a></li>
<li><img alt="" src="../images/down.gif"> <a href="#authdigestprovider">AuthDigestProvider</a></li>
<li><img alt="" src="../images/down.gif"> <a href="#authdigestqop">AuthDigestQop</a></li>
<li><img alt="" src="../images/down.gif"> <a href="#authdigestshmemsize">AuthDigestShmemSize</a></li>
</ul>
<h3>Bugfix checklist</h3><ul class="seealso"><li><a href="https://www.apache.org/dist/httpd/CHANGES_2.4">httpd changelog</a></li><li><a href="https://bz.apache.org/bugzilla/buglist.cgi?bug_status=__open__&list_id=144532&product=Apache%20httpd-2&query_format=specific&order=changeddate%20DESC%2Cpriority%2Cbug_severity&component=mod_auth_digest">Known issues</a></li><li><a href="https://bz.apache.org/bugzilla/enter_bug.cgi?product=Apache%20httpd-2&component=mod_auth_digest">Report a bug</a></li></ul><h3>���</h3>
<ul class="seealso">
<li><code class="directive"><a href="../mod/core.html#authname">AuthName</a></code></li>
<li><code class="directive"><a href="../mod/core.html#authtype">AuthType</a></code></li>
<li><code class="directive"><a href="../mod/core.html#require">Require</a></code></li>
<li><code class="directive"><a href="../mod/core.html#satisfy">Satisfy</a></code></li>
</ul></div>
<div class="top"><a href="#page-header"><img alt="top" src="../images/up.gif"></a></div>
<div class="section">
<h2 id="using">Digest Authentication ����ϱ� <a title="Permanent link" href="#using" class="permalink">¶</a></h2>
<p>MD5 Digest authentication�� �ſ� ���� ����� �� �ִ�.
<code>AuthType Basic</code>�� <code class="directive"><a href="../mod/mod_auth_basic.html#authbasicprovider">AuthBasicProvider</a></code> ���
<code>AuthType Digest</code>�� <code class="directive"><a href="#authdigestprovider">AuthDigestProvider</a></code>��
����Ͽ� ����� ����� ������ �� �ִ�. ���� �ּ��� ��ȣ�Ϸ���
������ �⺻ URI�� <code class="directive"><a href="#authdigestdomain">AuthDigestDomain</a></code> ���þ ����Ѵ�.</p>
<p><a href="../programs/htdigest.html">htdigest</a> ������
����Ͽ� ���� (����)���� ���� �� �ִ�.</p>
<div class="example"><h3>����:</h3><p><code>
<Location /private/><br>
<span class="indent">
AuthType Digest<br>
AuthName "private area"<br>
AuthDigestDomain /private/ http://mirror.my.dom/private2/<br>
<br>
AuthDigestProvider file<br>
AuthUserFile /web/auth/.digest_pw<br>
Require valid-user<br>
</span>
</Location>
</code></p></div>
<div class="note"><h3>���</h3>
<p>Digest authentication�� Basic authentication���� ��
��������, ������ �����ؾ� �Ѵ�. 2002�� 11�� ��� digest
authentication�� �����ϴ� �������� <a href="http://www.w3.org/Amaya/">Amaya</a>, <a href="http://konqueror.kde.org/">Konqueror</a>, (Windows��
���ǹ��ڿ��� �Բ� ����ϸ� �ȵ���� - �ذ���� �Ʒ� "<a href="#msie">MS Internet Explorer ���� �ذ��ϱ�</a>"�� ���)
Mac OS X�� Windows�� <a href="http://www.microsoft.com/windows/ie/">MS Internet
Explorer</a>, <a href="http://www.mozilla.org">Mozilla</a>,
<a href="http://channels.netscape.com/ns/browsers/download.jsp">Netscape</a> ���� 7, <a href="http://www.opera.com/">Opera</a>,
<a href="http://www.apple.com/safari/">Safari</a> ��� �ִ�.
<a href="http://lynx.isc.org/">lynx</a>�� digest authentication��
������� <strong>�ʴ´�</strong>. digest authentication��
basic authentication ��ŭ �θ� ������ �ʾұ���� ���
���ڰ� �����ϴ� ������ ����ϴ� ��쿡�� ����ؾ�
�Ѵ�.</p>
</div>
</div><div class="top"><a href="#page-header"><img alt="top" src="../images/up.gif"></a></div>
<div class="section">
<h2 id="msie">MS Internet Explorer ���� �ذ��ϱ� <a title="Permanent link" href="#msie" class="permalink">¶</a></h2>
<p>��� Windows�� Internet Explorer�� Digest authentication
���� ���ǹ��ڿ��� �ִ� <code>GET</code> ��û�� RFC�� �ٸ���
ó���ϴ� ������ �ִ�. ��� ������ �� ������ �ذ��� ��
�ִ�.</p>
<p>
ù��°�� ��α��� �ڷḦ �Ѱ�ֱ��� <code>GET</code>
��� <code>POST</code> ��û�� ����ϴ� ���̴�. �� ����
�����ϴٸ� ���� ������ �ذ�å�̴�.
</p>
<p>��, ����ġ 2.0.51���� <code>AuthDigestEnableQueryStringHack</code>
ȯ�溯���� �����Ͽ� ������ �ذ��Ѵ�. ��û��
<code>AuthDigestEnableQueryStringHack</code>�� �����ϸ�
����ġ�� MSIE ���� ���ذ� ��ġ�� ���ϰ� ��û URI�� digest
���� �����Ѵ�. �� ���� ����� ���� ����Ѵ�.</p>
<div class="example"><h3>MSIE���� Digest Authentication ����ϱ�:</h3><p><code>
BrowserMatch "MSIE" AuthDigestEnableQueryStringHack=On
</code></p></div>
<p>������� ȯ�溯�� ������ ���� �ڼ��� ���� <code class="directive"><a href="../mod/mod_setenvif.html#browsermatch">BrowserMatch</a></code> ���þ
����϶�.</p>
</div>
<div class="top"><a href="#page-header"><img alt="top" src="../images/up.gif"></a></div>
<div class="directive-section"><h2 id="authdigestalgorithm"><span id="AuthDigestAlgorithm">AuthDigestAlgorithm</span> ���þ� <a title="Permanent link" href="#authdigestalgorithm" class="permalink">¶</a></h2>
<table class="directive">
<tr><th><a href="directive-dict.html#Description">����:</a></th><td>digest authentication���� challenge�� response
hash�� ����ϴ� �˰��� �����Ѵ�</td></tr>
<tr><th><a href="directive-dict.html#Syntax">����:</a></th><td><code>AuthDigestAlgorithm MD5|MD5-sess</code></td></tr>
<tr><th><a href="directive-dict.html#Default">�⺻��:</a></th><td><code>AuthDigestAlgorithm MD5</code></td></tr>
<tr><th><a href="directive-dict.html#Context">�����:</a></th><td>directory, .htaccess</td></tr>
<tr><th><a href="directive-dict.html#Override">Override �ɼ�:</a></th><td>AuthConfig</td></tr>
<tr><th><a href="directive-dict.html#Status">����:</a></th><td>Experimental</td></tr>
<tr><th><a href="directive-dict.html#Module">���:</a></th><td>mod_auth_digest</td></tr>
</table>
<p><code class="directive">AuthDigestAlgorithm</code> ���þ��
challenge�� response hash�� ����ϴ� �˰��� �����Ѵ�.</p>
<div class="note">
<code>MD5-sess</code>�� ��� ���� ������ �ʾҴ�.
</div>
</div>
<div class="top"><a href="#page-header"><img alt="top" src="../images/up.gif"></a></div>
<div class="directive-section"><h2 id="authdigestdomain"><span id="AuthDigestDomain">AuthDigestDomain</span> ���þ� <a title="Permanent link" href="#authdigestdomain" class="permalink">¶</a></h2>
<table class="directive">
<tr><th><a href="directive-dict.html#Description">����:</a></th><td>digest authentication���� ���� ��ȣ������ ���ϴ�
URI��</td></tr>
<tr><th><a href="directive-dict.html#Syntax">����:</a></th><td><code>AuthDigestDomain <var>URI</var> [<var>URI</var>] ...</code></td></tr>
<tr><th><a href="directive-dict.html#Context">�����:</a></th><td>directory, .htaccess</td></tr>
<tr><th><a href="directive-dict.html#Override">Override �ɼ�:</a></th><td>AuthConfig</td></tr>
<tr><th><a href="directive-dict.html#Status">����:</a></th><td>Experimental</td></tr>
<tr><th><a href="directive-dict.html#Module">���:</a></th><td>mod_auth_digest</td></tr>
</table>
<p><code class="directive">AuthDigestDomain</code> ���þ�� ����
��ȣ������ �ִ� (<em>���� ���</em> ���� ������ ���ڸ�/��ȣ
������ ����ϴ�) URI�� �����Ѵ�. ������ URI�� ���λ��
����Ѵ�. Ŭ��̾�Ʈ�� URI "�Ʒ�" ��θ�
���� ���ڸ�/��ȣ�� ��ȣ�Ѵٰ� �����Ѵ�. URI��
(<em>��</em>, ��Ŵ(scheme), ȣ��Ʈ, �Ʈ �� ����ϴ�)
���� URL�̰ų� ��� URI�̴�.</p>
<p>�� ���þ�� �� <em>�����ؾ�</em> �ϸ�, �ּ��� �������
�⺻ URI(��)�� ���<em>�ؾ�</em> �Ѵ�. �����ϸ� Ŭ��̾�Ʈ��
�� ������ ������ <em>��� ��û</em>�� Authorization ����
����Ѵ�. ���� ��û�� ũ�Ⱑ Ŀ����, <code class="directive"><a href="#authdigestnccheck">AuthDigestNcCheck</a></code>��
����Ѵٸ� ���ɿ� ���� ���� �� �� �ִ�.</p>
<p>�ٸ� ������ URI�� �����ϸ�, (�̸� �����ϴ�) Ŭ��̾�Ʈ��
���� �������� �Ź� ���ڿ��� �����ʰ� ���� ���ڸ�/��ȣ��
����� �� �ִ�.</p>
</div>
<div class="top"><a href="#page-header"><img alt="top" src="../images/up.gif"></a></div>
<div class="directive-section"><h2 id="authdigestnoncelifetime"><span id="AuthDigestNonceLifetime">AuthDigestNonceLifetime</span> ���þ� <a title="Permanent link" href="#authdigestnoncelifetime" class="permalink">¶</a></h2>
<table class="directive">
<tr><th><a href="directive-dict.html#Description">����:</a></th><td>���� nonce�� ��ȿ�� �Ⱓ</td></tr>
<tr><th><a href="directive-dict.html#Syntax">����:</a></th><td><code>AuthDigestNonceLifetime <var>seconds</var></code></td></tr>
<tr><th><a href="directive-dict.html#Default">�⺻��:</a></th><td><code>AuthDigestNonceLifetime 300</code></td></tr>
<tr><th><a href="directive-dict.html#Context">�����:</a></th><td>directory, .htaccess</td></tr>
<tr><th><a href="directive-dict.html#Override">Override �ɼ�:</a></th><td>AuthConfig</td></tr>
<tr><th><a href="directive-dict.html#Status">����:</a></th><td>Experimental</td></tr>
<tr><th><a href="directive-dict.html#Module">���:</a></th><td>mod_auth_digest</td></tr>
</table>
<p><code class="directive">AuthDigestNonceLifetime</code> ���þ��
���� nonce�� ��ȿ�� �Ⱓ�� �����Ѵ�. Ŭ��̾�Ʈ�� �����
nonce�� ������ ������ �����ϸ� ������ <code>stale=true</code>��
�Բ� 401�� ��ȯ�Ѵ�. <var>seconds</var>�� 0���� ũ�� nonce��
��ȿ�� �Ⱓ�� �����Ѵ�. �Ƹ��� 10 �ʺ��� �۰� �����ϸ� �ȵȴ�.
<var>seconds</var>�� 0���� ����� nonce�� ����� ������
�ʴ´�.
</p>
</div>
<div class="top"><a href="#page-header"><img alt="top" src="../images/up.gif"></a></div>
<div class="directive-section"><h2 id="authdigestprovider"><span id="AuthDigestProvider">AuthDigestProvider</span> ���þ� <a title="Permanent link" href="#authdigestprovider" class="permalink">¶</a></h2>
<table class="directive">
<tr><th><a href="directive-dict.html#Description">����:</a></th><td>�� ��ġ�� ���� ��������ڸ� �����Ѵ�</td></tr>
<tr><th><a href="directive-dict.html#Syntax">����:</a></th><td><code>AuthDigestProvider On|Off|<var>provider-name</var>
[<var>provider-name</var>] ...</code></td></tr>
<tr><th><a href="directive-dict.html#Default">�⺻��:</a></th><td><code>AuthDigestProvider On</code></td></tr>
<tr><th><a href="directive-dict.html#Context">�����:</a></th><td>directory, .htaccess</td></tr>
<tr><th><a href="directive-dict.html#Override">Override �ɼ�:</a></th><td>AuthConfig</td></tr>
<tr><th><a href="directive-dict.html#Status">����:</a></th><td>Experimental</td></tr>
<tr><th><a href="directive-dict.html#Module">���:</a></th><td>mod_auth_digest</td></tr>
</table>
<p><code class="directive">AuthDigestProvider</code> ���þ�� ��
��ġ���� ���ڸ� ����� �����ڸ� �����Ѵ�. ����
<code>On</code>�̸� �⺻������(<code>file</code>)�� ����Ѵ�.
<code class="module"><a href="../mod/mod_authn_file.html">mod_authn_file</a></code> ���� <code>file</code>
�����ڸ� ����ϱ���� ������ �� ���� �ִ�� Ȯ���ؾ�
�Ѵ�.</p>
<p>�����ڴ� <code class="module"><a href="../mod/mod_authn_dbm.html">mod_authn_dbm</a></code>��
<code class="module"><a href="../mod/mod_authn_file.html">mod_authn_file</a></code>�� ����϶�.</p>
<p>���� <code>Off</code>�̸� ������ ���� ����� �⺻���·�
���ư���.</p>
</div>
<div class="top"><a href="#page-header"><img alt="top" src="../images/up.gif"></a></div>
<div class="directive-section"><h2 id="authdigestqop"><span id="AuthDigestQop">AuthDigestQop</span> ���þ� <a title="Permanent link" href="#authdigestqop" class="permalink">¶</a></h2>
<table class="directive">
<tr><th><a href="directive-dict.html#Description">����:</a></th><td>digest authentication�� �����
��ȣ����(quality-of-protection)�� �����Ѵ�.</td></tr>
<tr><th><a href="directive-dict.html#Syntax">����:</a></th><td><code>AuthDigestQop none|auth|auth-int [auth|auth-int]</code></td></tr>
<tr><th><a href="directive-dict.html#Default">�⺻��:</a></th><td><code>AuthDigestQop auth</code></td></tr>
<tr><th><a href="directive-dict.html#Context">�����:</a></th><td>directory, .htaccess</td></tr>
<tr><th><a href="directive-dict.html#Override">Override �ɼ�:</a></th><td>AuthConfig</td></tr>
<tr><th><a href="directive-dict.html#Status">����:</a></th><td>Experimental</td></tr>
<tr><th><a href="directive-dict.html#Module">���:</a></th><td>mod_auth_digest</td></tr>
</table>
<p><code class="directive">AuthDigestQop</code> ���þ��
<dfn>��ȣ����(quality-of-protection)</dfn>�� �����Ѵ�.
<code>auth</code>�� (���ڸ�/��ȣ) ����� �ϰ�,
<code>auth-int</code>�� ����� �ϰἺ �˻縦 (MD5 �ؽ���
����Ͽ� �˻��Ѵ�) �Ѵ�. <code>none</code>�� (�ϰἺ �˻縦
����ʴ�) ������ RFC-2069 digest �˰��� ����Ѵ�.
<code>auth</code>�� <code>auth-int</code>�� ��� ������
�� �ִ�. �� ��� ������ � ��� ������ �����Ѵ�.
������ �� ��������� challenge�� ������� �ʴ´ٸ�
<code>none</code>�� ����ؾ� �Ѵ�.</p>
<div class="note">
<code>auth-int</code>�� ��� ������ �ʾҴ�.
</div>
</div>
<div class="top"><a href="#page-header"><img alt="top" src="../images/up.gif"></a></div>
<div class="directive-section"><h2 id="authdigestshmemsize"><span id="AuthDigestShmemSize">AuthDigestShmemSize</span> ���þ� <a title="Permanent link" href="#authdigestshmemsize" class="permalink">¶</a></h2>
<table class="directive">
<tr><th><a href="directive-dict.html#Description">����:</a></th><td>Ŭ��̾�Ʈ�� ����ϱ��� �Ҵ��ϴ� ������</td></tr>
<tr><th><a href="directive-dict.html#Syntax">����:</a></th><td><code>AuthDigestShmemSize <var>size</var></code></td></tr>
<tr><th><a href="directive-dict.html#Default">�⺻��:</a></th><td><code>AuthDigestShmemSize 1000</code></td></tr>
<tr><th><a href="directive-dict.html#Context">�����:</a></th><td>�ּ�������</td></tr>
<tr><th><a href="directive-dict.html#Status">����:</a></th><td>Experimental</td></tr>
<tr><th><a href="directive-dict.html#Module">���:</a></th><td>mod_auth_digest</td></tr>
</table>
<p><code class="directive">AuthDigestShmemSize</code> ���þ��
Ŭ��̾�Ʈ�� ����ϱ��� ������ ����Ҷ� �Ҵ��ϴ�
�������� �����Ѵ�. ������ �ּ��� <em>�ϳ���</em>
Ŭ��̾�Ʈ�� ����ϱ��� �ʿ��� �������� ��� �� ������
����϶�. �� ���� �ý��ۿ� ���� �ٸ���. ��Ȯ�� ���� �˷���
<code class="directive">AuthDigestShmemSize</code>�� <code>0</code>����
�����ϰ� ������ ������� �������� ����϶�.</p>
<p><var>size</var>�� ���� ���Ʈ ��������, �ڿ�
<code>K</code>�� <code>M</code>�� ����Ͽ� KBytes�� MBytes��
��Ÿ�� �� �ִ�. ���� ���, ��� ���þ�� ��� ����:</p>
<div class="example"><p><code>
AuthDigestShmemSize 1048576<br>
AuthDigestShmemSize 1024K<br>
AuthDigestShmemSize 1M
</code></p></div>
</div>
</div>
<div class="bottomlang">
<p><span>������ ���: </span><a href="../en/mod/mod_auth_digest.html" hreflang="en" rel="alternate" title="English"> en </a> |
<a href="../fr/mod/mod_auth_digest.html" hreflang="fr" rel="alternate" title="Français"> fr </a> |
<a href="../ko/mod/mod_auth_digest.html" title="Korean"> ko </a></p>
</div><div id="footer">
<p class="apache">Copyright 2026 The Apache Software Foundation.<br>Licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.</p>
<p class="menu"><a href="../mod/">���</a> | <a href="../mod/quickreference.html">���þ��</a> | <a href="https://cwiki.apache.org/confluence/display/httpd/FAQ">FAQ</a> | <a href="../glossary.html">���</a> | <a href="../sitemap.html">���Ʈ��</a> | <a href="https://bz.apache.org/bugzilla/enter_bug.cgi?product=Apache%20httpd-2">Report a bug</a></p></div><script><!--//--><![CDATA[//><!--
if (typeof(prettyPrint) !== 'undefined') {
prettyPrint();
}
var langToggle = document.querySelector('.lang-toggle');
var topLang = document.querySelector('.toplang');
if (langToggle && topLang) {
langToggle.addEventListener('click', function() { topLang.classList.toggle('open'); });
}
var qv = document.getElementById('quickview');
if (qv) {
document.body.appendChild(qv);
var qvBtn = document.createElement('button');
qvBtn.className = 'qv-toggle';
qvBtn.setAttribute('aria-label', 'Toggle page navigation');
qvBtn.innerHTML = '☰';
document.body.appendChild(qvBtn);
qvBtn.addEventListener('click', function() {
var isOpen = qv.classList.toggle('open');
if (isOpen) {
qv.style.top = window.scrollY + 10 + 'px';
}
});
window.addEventListener('scroll', function() { qv.classList.remove('open'); });
}
//--><!]]></script>
</body></html>